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 对项目进行相应的配置

©️2020 CSDN 皮肤主题: 深蓝海洋 设计师:CSDN官方博客 返回首页