vue后台模块学习-4

工具使用

1、使用vue ui

• 环境

  
  image.png
  

  使用vue ui 。如果不起作用

cnpm i -g @vue/cli

再运行 vue ui

• 创建项目
  打了浏览器，输入上面地址

image.png

点击创建项目，选择路径。

image.png

选择创建

image.png
和命令差不了多少。
成功之后
image.png

选择插件

image.png
安装插件
image.png
查看任务模块
image.png
启动项目和编译项目
image.png
启动之后
image.png
用code 打开
image.png

模版创建完成。

2、使用工具 hbuilderx

image.png

创建项目

image.png image.png

输入项目 选择项目就可以了。

image.png

添加插件 和之前一样了，用命令去添加就可以了。
这里就会多出来东西

image.png
运行和编译项目
image.png
image.png

选择内部和外部都是

image.png

npm run serve 命令
运行成功之后

image.png

就是说，前端创建项目越来越简单了。
我们总爱用别人的框架基础上添加一个新功能去。
这里用到都是vue2方法。