# –save 和–save-dev 的区别
–save || -S // 运行依赖(发布)
–save-dev || -D // 开发依赖(辅助)
--save生产环境的所需依赖也就是咱们的线上环境
--save-dev开发和测试所需的依赖也就是咱们本地环境
下面的我都没进行设置–save 或–save-dev,请大家自行根据需求设置
# 1. 小黑框安装
vue3安装 vue create 项目名 -b -n
vue2安装 vue i webpack 名
# 2.vuex 安装
$ yarn安装
yarn add vuex // 全局状态管理工具
yarn add vuex-persistedstate //vuex 保存在本地
$ cnpm安装
cnpm i vuex -S // 全局状态管理工具
cnpm i vuex-persistedstate -S //vuex 保存在本地
# 3. 路由安装
$ yarn安装
yarn add vue-router // 路由
$ cnpm安装
cnpm i vue-router -S
# 4. 路由跳转
官网 https://www.kancloud.cn/yunye/axios/234845
$ yarn安装
yarn add axios // 路由跳转
$ cnpm安装
cnpm i vue-axios // 路由跳转
# 5. 快速实现页面效果 pc 端
官网 https://element.eleme.cn/#/zh-CN/component/quickstart
$ yarn安装
yarn add element-ui //pc 端
$ cnpm安装
cnpm i element-ui -S //pc 端
# 6.scss 样式安装
$ yarn安装
yarn add node-sass sass-loader@7.3.1 //scss
$ cnpm安装
yarn add node-sass sass-loader@7.3.1 //scss
# 7.swiper 轮播图
官网 https://www.swiper.com.cn/
$ yarn安装
yarn add swiper vue-awesome-swiper //swiper
$ cnpm安装
cnpm i swiper vue-awesome-swiper //swiper
# 8.vant 移动端页面
官网 https://youzan.github.io/vant/#/zh-CN/
$ yarn安装
yarn add vant // 移动端
$ cnpm安装
cnpm ivant // 移动端
# 9.jquery
官网 https://jquery.com/
$ yarn安装
yarn add jquery //jquery
$ cnpm安装
cnpm i jquery //jquery
# 10.iView-ui Pc 端页面
官网 https://www.iviewui.com/
$ yarn安装
yarn add view-design //pc 端
$ cnpm安装
cnpm i view-design //pc 端
# 11.cube-ui 移动端页面
官网 https://didi.github.io/cube-ui/#/zh-CN
$ yarn安装
yarn add cube-ui // 移动端
$ cnpm安装
cnpm i cube-ui // 移动端
# 12.mock.js 随机数据模拟
官网 http://mockjs.com/
$ yarn安装
yarn add mockjs
$ cnpm安装
cnpm i mockjs
# 13.wangeditor 富文本编辑器
官网 http://www.wangeditor.com
$ yarn安装
yarn add wangeditor
$ cnpm安装
cnpm i wangeditor
# 14.echarts 各种折线图,饼图等等
官网 https://echarts.apache.org/zh/index.html
$ yarn安装
yarn add echarts
$ cnpm安装
cnpm i echarts
# 15.vue-baidu-map 百度地图
官网 https://dafrok.github.io/vue-baidu-map/#/zh/start/installation
申请账号和密钥
注册地址 http://lbsyun.baidu.com/index.php?title=jspopular3.0/guide/getkey
$ yarn安装
yarn install vue-baidu-map
$ cnpm安装
cnpm install vue-baidu-map