Vue Cli（脚手架）

1.脚手架的安装

先检查有没有安装过cli

打开cmd输入vue

如上图是已经安装过的

如果没安装过。cmd输入npm install -g @vue/cli       全局安装cli

2.初始化一个cli项目

第一步 切换到你要创建项目的目录（也可以直接在目录下搜索并打开cmd），然后使用命令创建项目

        vue create 项目名称

选择一个vue版本。

 这里提示创建完毕

 用vscode打开项目      在终端输入命令运行

npm run serve 

第二步 启动项目

        npm run serve        

（如果以上操作太慢。可以命令台 npm config set registry http://registry.npm.taobao.org/ 切换淘宝镜像）

Vue Cli结构

1.1publi里的index=主页面

1.2favicon=页签

2.1程序员所有的代码都在src里面

2.2assets 存放所有的静态资源

2.3  components存放所有的组件

 2.4  App.vue汇总所有的组件

2.5 main.js 入口文件

3.1 gitignore   控制哪些文件不受git管理

3.2babel. config.js  babel的配置文件。想了解可以上Babel 中文文档 | Babel中文网 · Babel 中文文档 | Babel中文网

 3.3 package-lock.json 包版本控制文件

 3.4 package.json应用包管理文件

3.5 README.md 应用描述文件