Vue CLI 2基础使用与目录分析

1. 什么是Vue CLI？

• CLI （Command-Line Interface）命令行界面，俗称脚手架
• Vue CIL是一个官方发布 vue.js 项目脚手架
• 使用 vue-cli 可以快速搭建vue开发环境以及对应的webpack配置

2. Vue CLI 的使用

使用前提：vue cli依赖于node环境和webpack，node环境要求8.9及以上

• 安装vue cli3 & 初始化项目：

npm install @vue/cli -g          //安装

vue create my-project            //初始化

• 安装 vue cli2 & 初始化项目（旧版本）

npm install @vue/cli-init -g          //安装

vue init webpack my-project        //初始化

• VueCLI2创建项目和目录解析

终端中输入 vue init webpack vuecli2test 以创建项目

 随后进行一系列的项目配置与选择，选择完成后可以看到新生成的项目及其目录：

 其中build & config文件夹用于存放webpack配置文件; node_modules存放项目所需的依赖包；src存放开发时的代码；static用于存放图片且打包后不会对图片做任何修改；.babelrc用于转换语法；.editorconfig用于对代码格式的修整（缩进，末尾新行等）；.gitignore git上传代码时会忽略的文件；index.html 打包时html会参考的模版；package-lock.json项目中下载依赖包的实际版本；package.json依赖包管理配置。