创建vue项目的安装汇总

1.安装element-ui

npm i element-ui -S
1

在主入口文件main.js中引用：

import elementUi from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
 
Vue.use(elementUi);
1
2
3
4

2.安装axios

npm install axios
1

在主入口文件main.js中引用：

import axios from 'axios'
 
Vue.use(axios);
1
2
3

3.安装vuex

npm install vuex --save
1

在主入口文件main.js中引用：

import store from './store'
 
new Vue({
    router,
    store,
    render: h => h(App)
}).$mount('#app')
1
2
3
4
5
6
7

报错（版本问题）

2022年2月7日，vue3就成为了默认版本。并且vue3成为默认版本的同时，vuex也更新到了4版本。也就是，现在如果直接执行安装vuex，安装的是vuex4。而vuex的4版本只能在vue3中使用。在vue2的项目当中使用vuex的4版本，就会出现如上图所示的报错。

匹配规则如下：
（1）Vue2中，要用vuex的3版本；
（2）Vue3中，要用vuex的4版本。
那么，我现在用的是vue2，要安装vuex的3版本；

npm i vuex@3
1

4.安装less

可参考我另一篇详细描述的文章《vue引入lang=“less“的方法以及报错的解决方案》