搭建vue项目环境步骤

一、安装node.js环境

二、搭建vue项目环境

1. 终端全局安装vue-cli

npm install --global vue-cli；

2. 终端输入命令：vue ui进入Vue 项目管理器创建项目

3. 在Vue 项目管理器中配置Element-UI组件库

（1)仪表盘插件中添加插件，搜索：vue-cli-plugin-element安装
　 （2)安装完成，在配置插件中，第一项选择import on demand(按需手动配置）

4. 配置 axios 库 （发起网络接口请求）

         （1）仪表盘依赖中安装依赖，运行依赖中搜索axios，进行安装

5. 初始化远程仓库，将本地项目托管到 Github或码云中

        （1）在码云或github中点击设置，SSH公钥中添加公钥（配置后才能上传下载代码）
        （2）新建仓库，按照命令行入门教程，打开终端进行设置
                 1.git全局设置
                   i.  git config --global  user.name "账号名"
                   ii. git config --global user.email "邮箱"
                 2.创建git仓库（刚开始已新建仓库就不需执行此步，一般不用，直接通过界面添加仓库）
                 3.已有仓库
                    i.进入创建的项目路径下
                    ii.若没有git初始化，就输入命令git init（一般建vue项目时初始化了，此步省略）
                 4.本地代码上传
                        i.查看代码提交状态：git status
                        ii.有红色标记，说明有代码没提交: git add . (提交全部未提交文件)
                        iii.提价代码： git commit -m "提交信息"
                        iiii.输入命令远程仓库：git remote add origin 仓库地址
                        iiiii.输入命令上传代码到远程仓库（此前需先提交代码）：git push -u origin master(下次上传代码就直接输入git push上传）

6. 登录功能

7.主页布局

（1）在components文件夹中新建Home.vue文件

8.路由设置

（1）在router/index.js中设置路由路径
　 （2）修改App.vue，设置路由占位符

9. 全局css

(1)在assets/css文件夹中新建全局css
　 (2)在main.js中导入全局css文件