vue相关配置(超级无敌完整版)

安装vue-cli3步骤
1、需要配置nodejs，node-v查看安装的版本
安装链接：https://www.cnblogs.com/liuqiyun/p/8133904.html

2、如果你已经全局安装了旧版本的 vue-cli(1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它

3、假设你已有了nodejs环境，你可以通过下面指令安装vue-cli3的包
安装vue-cli3：npm install -g @vue/cli
查看vue/cli安装的版本命令：vue --version

4、创建一个vue的项目：vue create 项目名

5、基础项目配置链接：https://blog.csdn.net/qq_42270125/article/details/82024487

6、配置vue-router：npm install vue-router -save
导入：src文件目录下创建一个router文件夹并建立index.js文件——在main.js引入路由配置文件index.js

7、配置axios：npm install axios --save-dev
导入(写在main.js里)：import Axios from ‘axios’
Vue.prototype.$Axios=Axios
具体axios相关配置参考：
https://www.cnblogs.com/lingnweb/p/9887974.html

8、配置elementui：npm i element-ui -S

9、配置vuex：npm install vuex
相关使用方法参考：https://blog.csdn.net/weixin_43851769/article/details/86500971

再说说vue-cli3.0 与vue-cli2.0的区别
a、 启动命令不同
3.0启动：npm run serve
2.0启动：npm run dev
（命令报错的话，用清除缓存命令：npm cache clean --force）
b、 build没了、config没了、哦对了还有最重要的一点，
3.0安装项目时自动下载node-model，在根目录下创建一个vue.config.js 对项目进行相应的配置