前端项目初始化

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

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

vue框架的项目初始化

2:在详情页面
a.创建项目文件夹
b.勾选git,并输入 init projectvue框架的项目初始化

3:在预设页面 选择手动

vue框架的项目初始化

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

vue框架的项目初始化

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

vue框架的项目初始化

6:保存配置信息

vue框架的项目初始化

7:创建成功(看到项目管理界面)

vue框架的项目初始化

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

vue框架的项目初始化

b. 安装成功,出现配置界面
勾选Import on demand和zh-CN
c. 点击完成安装
vue框架的项目初始化

9:配置axios
进入依赖----安装依赖----搜索axios,进行安装

vue框架的项目初始化

10:配置完成之后,项目可以启动,并且目录结构如下(目录结构不太一样,没有router.js而是有router/index.js)
vue框架的项目初始化

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

相关文章: