1.Vue CLI
1.1 Vue CLI使用前提
1 nodejs 
2 Webpack
1.2 Vue CLI2使用
安装
npm install @vue/cli@3.2.1 -g
如需拉取2.x模板（旧版本）
npm install @vue/cli-init -g
CLI2详解： 脚手架目录 先从package.json中找
目录结构：
如果CLI安装不成功
删除 C\Users\Administrator\AppData\Roaming里的npm-cache文件夹
不使用ESlint规范时
runtimecompiler 与 runtimeonly区别
runtimecompiler
template -> ast（抽象语法树）-> render -> vdom（虚拟dom）-> UI
runtimeonly render -> vdom（虚拟dom）-> UI runtimeonly 性能更高、代码量更少
两者就在main.js里的代码有些许不同 其中，runtimeonly的render函数： 
npm run build关系图 
npm run dev关系图 
1.2.2 VueCLI3
安装
npm install @vue/cli@3.2.1 -g
创建项目：
vue create 项目名称
第一项默认 第二项手动选择特性
如果删除自定义式的配置
在C盘Users\Administrator里的.vuerc文件里删除
CLI3的目录结构： 
通过vue ui 指令可启动图形界面化管理
如需要修改配置
在项目当前目录下创建一个固定名称文件 vue.config.js文件 
随后执行一条指令：
Git commit -m
通过该方式导出配置，最后项目会将其与默认配置合并 
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/2634.html
