VueCLI和脚手架的理解
我们配置开发环境不可能从前面发的文章一样,一步一步开始慢慢配置,这回花费很多时间,Vue-cli本质上就是依靠webpack开发的,它已经帮我们配置好了很多很多配置。我们只需要直接开始开发就行了。
VueCLI的基本使用
VueCLI创建项目过程和目录结构
安装Vue CLI:npm install @vue/cli -g
升级Vue CLI:npm update @vue/cli -g
Vue的命令创建项目:vue create 项目名称
![image-20210613105257963](https://i-blog.csdnimg.cn/blog_migrate/3db637cd4d81be334243152d9f4978b9.png)
VueCLI项目运行和打包
运行命令:npm run serve
打包命令:npm run build
进行相关的配置
![image-20210613175708521](https://i-blog.csdnimg.cn/blog_migrate/221a913339d20af765b0400600746a62.png)