Vue詳細安裝步驟
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 //移動端
轉載請註明出處，本文鏈接：https://www.uj5u.com/qianduan/142798.html
標籤：其他