搭建Vue开发环境

1.1 安装vue-cli并搭建环境

第一步：全局安装vue-cli，可以得到一个vue命令

yarn global add @vue/cli

第二步：创建项目

vue create 项目名称

注意：如果使用 yarn 安装vue-cli，依然不能使用vue命令，要将yarn命令目录添加到环境变量

`C:\Users\你的用户名\AppData\Local\Yarn\bin` 加到环境变量 `Path` 中

第三步：启动项目

yarn serve

1.2 项目结构说明

.git/ 官方仓库，直接删除

node_modules/ 依赖包

public/ 静态首页目录

src/ 项目开发目录，所有用户写的代码都在这里面

src/assets/ 公共静态资源目录，图片、css、字体等资源都可以放在这里

src/components/ 组件目录，所有的子组件都放在这里

src/App.vue vue的根组件

src/main.js 主模块

.gitignore git忽略列表

babel.config.js babel的配置文件

jsconfig.json js配置文件

package.json 包描述文件

package-lock.json 版本锁

README.md 项目说明文件

vue.config.js vue的配置文件