[JavaScript知识库]vue2前端环境搭建

vue-practice2

本项目是B站视频——通用后台项目（视频连接）的实现，由于之前照着敲代码的时候，没有一个系统的感知。

本项目就是为了复盘和总结通用后台项目的知识。

项目环境

• vue 2.6.11
  • vue2官方文档
• @vue/cli 4.5.15
• vue-loader 10.2.0
• vue-router@3.5.3
  • vue-router3官方文档
• vuex@3.6.2
  • vuex3官方文档
• axios@0.27.2
  • axios官方文档
• webpack: 5.65.0
• mockjs: 1.1.0
  • mockjs官方文档
• js-cookie: 3.0.1
• less@4.1.2
• less-loader@10.2.0
• echarts
  • echarts官方文档
• element-ui
  • element-ui官方文档

新建项目

1. 安装vue-cli

npm install -g @vue/cli

2. 新建vue项目

vue create vue-practice2

3. 安装依赖包

npm install vue-router@3
npm install vuex@3
npm install axios
npm install mockjs
npm install js-cookie
npm install echarts --save
npm i element-ui -S

VSCode插件

• Vetur
• Markdown All in One
• Auto Rename Tag
• Auto Close Tag
• Easy Less
• ESlint
• Less IntelliSense

创作打卡挑战赛

赢取流量/现金/CSDN周边激励大奖