Vue CLI -- 隔离后的学习2

Vue CLI

命令行界面，俗称脚手架

可以快速搭建Vue开发环境及对应的webpack的配置

安装的时候需要npm 和 node

vue --version检查脚手架的版本

npm install -g @vue/cli-init 拉取脚手架2x版本

2的初始化项目 vue init webpack my-project

3的初始化项目 vue create my-project

Vue CLI2

ESLint 是 对es代码的限制，就是对js代码的限制，如果不规范编译器就会报错

e2e test就是端到端测试

runtime+compiler 和 runtime-only 的区别

template (解析)-> ast(抽象语法树) (编译)-> render(函数) -> virtual dom -> ui

runtime-only直接从render开始，所以这种方法代码量更少，性能更好

Vue CLI3

基于webpack4打造，“0配置”,就是说build和config等目录，提供了vue ui命令，提供了可视化配置删除了static文件夹，新增了public文件夹

关于cli3配置文件的修改是需要执行vue ui，然后会在本地出现一个界面用于直接修改配置