由于我们搭建一个基于Webpack的项目,需要先进行webpack配置,手动配置太繁琐
vue-cli就是一个帮助我们快速构建基于Webpack打包构建项目的工具,通过vue-cli可以快速的生成基于webpack的项目,意味着大量的配置不用你自己手动实现,因为这个工具已经为你生成好了
使用过程
-1. 下载安装:最好看官网:https://cli.vuejs.org/zh/guide/installation.html
指令npm install -g @vue/cli
- 2 创建新项目命令:vue create 项目名称
网页:https://cli.vuejs.org/zh/guide/creating-a-project.html
- 3.预设选择项:
通过箭头切换选项,通过空格来确认选择,通过enter来确认到下一步
xi.png
我们选择默认项的话,该项目自动即可创建完成,但是它没有less的加载器,我们要自己在node_modules中下载less加载器,但是配置就不用你写了,它会自动写入.
如果我们选择手动设置的话,还要经历下列一系列的选项:
001.png
002.png
003.png
004.png
005.png
006.png
这一系列选择完毕后,我们即可配置完成
创建项目完毕后我们就会出现该文件:

xixi.png
- 
入口文件: 
 si6.png
- 
模板文件(html): 
 xixixixi.png
注意:新版脚手架中我们已经看不到webpack.config.js文件了
- 运行项目:npm run serve








