Vue脚手架开发步骤

使用Vue脚手架

1.Vue脚手架

Vue脚手架是Vue官方提供的标准化开发工具（开发平台）。

2.Vue脚手架执行步骤

（1）. 先在cmd 后窗口 使用vue 指令，看自己是否安装

（2）.全局安装@vue/cli (仅仅第一次用时安装)

npm install -g @vue/cli

配置成淘宝镜像，否则下载依赖包会缓慢！！！

（3）.切换指定目录，用命令创建项目

vue create xxxx项目名

可以选择2/3版本进行开发

（babel作用： ES6==>ES5转换）

（4）.启动项目

npm run serve

3.模板项目结构（各文件夹）

1.node_modules  //npm install

2. public 

（1）favicon.ico: 页签图标

（2）index.html: 主页面

3.src

（1）assets: 存放静态资源

（2）component: 存放组件

4.App.vue: 汇总所有组件
5.main.js: 入口文件
6.gitignore: git 版本管制忽略的配置 
7. babel.config.js: babel 的配置文件
8.package.json: 应用包配置文件 
9. README.md: 应用描述文件 
10. package-lock.json：包版本控制文件