vue-cli

Posted 2020-08-19 百年美

• vue-cli 脚手架

　　作用：提供基本项目结构

　　本身集成了很多项目模板：simple,webpack ,webpack-simple;

　　simple:几乎没什么用；

　　webpack和webpack-simple区别：

　　webpack比webpack-simple多了两个东西，一个是Eslint代码检测，一个是单元测试；

　　习惯上：大型项目用webpack模块，但一般都不会用vue做大型项目，所以几乎都会用webpack-simple，也免去了Eslint强行的代码规范，比较恶心。

　　1.基本使用流程

　　安装：npm install vue-cli -g或者cnpm

     检验是否安装：vue --version

　　2.生成项目模板

　　vue init  <模板名>  本地文件夹名字    vue init simple vue-simple-demo

　　3.进入到生成目录里面

　　npm install

　　4.npm run dev