vue框架的项目初始化

前端项目初始化

初始化步骤
（一）安装Vue脚手架
安装3.0版本的vue脚手架（vue-v查看版本号）
npm i -g @vue/cli

(二)基于ui界面创建项目
1： (在终端中打开，最好在项目根目录打开，路径比较精确）
a.命令 vue ui
b.点击创建

2：在详情页面
a.创建项目文件夹
b.勾选git,并输入 init project

3：在预设页面 选择手动

4：在功能页面
选择：
a. Babel
b. Router
c. Linter/Formatter(不建议勾选，有可能出现格式警告错误）
d. 使用配置文件

5：在配置项页面
a. 打开Lint on save
b. 在右上角勾选ESLint+Standard config

6:保存配置信息

7：创建成功（看到项目管理界面）

8：在插件面板中
a. 进入插件—添加插件，然后搜索vue-cli-plugin-element，进行安装

b. 安装成功，出现配置界面
勾选Import on demand和zh-CN
c. 点击完成安装

9：配置axios
进入依赖----安装依赖----搜索axios，进行安装

10：配置完成之后，项目可以启动，并且目录结构如下(目录结构不太一样，没有router.js而是有router/index.js)

（六）初始化git远程仓库
（七）将本地项目托管到Github或者码云中