工具使用
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方法。
网友评论