环境搭建

前期准备

1. 下载 Node.js 二进制文件，因为我的电脑是 win10x64 系统，所以我下载得到 node-v10.16.2-win-x64.zip 压缩包，解压完成后将 node.exe 文件所在目录添加到 Path 环境变量即可在任意目录使用 node 命令。执行node -v和npm -v查看到各自版本信息说明安装成功。
2. 安装 Vue CLI，在任意目录下执行npm install -g @vue/cli即可。vue --version查看版本信息(我的是3.10.0)。

创建项目

1. 在目标目录下执行vue create {项目名}命令，选择自定义
2. 现在没选的工具后续用到可以再加 (空格选择，A建全选，回车确定)
3. 最后这些问题选完，脚手架工具就开始帮你创建项目了

环境变量

1. 在项目根目录下创建 .env.development 文件，该文件是以 key-value 的形式保存数据

   #VUE_APP_是格式规范，必须这样写
   VUE_APP_BASE_API = 'http://www.notice.com'

2. .env.development 是 serve 模式默认的环境变量，自定义环境变量可以在 package.json 文件下添加属性

   {
       "scripts": {
           "serve": "vue-cli-service serve",
           "build": "vue-cli-service build",
           "lint": "vue-cli-service lint",
           "stage": "vue-cli-service serve --mode stage" //自定义环境变量.env.stage
       }
   }

3. 在 src 目录下任意 js 代码处使用 process.env.VUE_APP_BASE_API 即可得到对应 value

Axios 异步请求工具

1. 安装 Axios，在项目根目录下执行npm install axios -S即可
2. 在 main.js 文件下添加以下引用

   import axios from "axios";

   //Vue.prototype.$axios = axios // 全局使用$axios，各凭喜好，我没使用。