终端输入(text是文件夹名):vue create text
安装less和less-loader 后 <style lang="less">后才不报错
npm i less-loader
npm install less --save-dev
[注]webpack版本到5,系统用的稳定的是4,less-loader却是最新的,所以要降一下版本
1、查看webpack版本:npm view webpack versions
2、查看webpack版本:npm view less-loader versions 基本上>7都是为webpack5服务的
3、安装7版本:npm i less-loader@7
4、安装axios: npm i axios import axios from 'axios'
----------------------------
5、安装路由:npm i vue-router@3 (vue2,只能装vue-rouer3版本,vue3,能装vue-rouer4版本)
main.js中: import VueRouter from 'vue-router' ---- Vue.use(VueRouter)
----------------------------
6、安装vuex:npm i vuex@3 (vue2,只能装vuex版本,vue3,能装vuex4版本)
main.js中: import Vuex from 'vuex' --- Vue.use(Vuex)
----------------------------
7、消息订阅与发布:npm i pubsub-js
main.js中: import pubsub from 'pubsub-js'
----------------------------
8、安装element-ui: npm i element-ui (去element-ui中看引用方法)
main.js中方法一(完整引入,这三行不建议,体积大):
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'
Vue.use(ElementUI)