当前位置: 移动技术网 > IT编程>脚本编程>vue.js > Vue详细安装步骤

Vue详细安装步骤

2020年09月29日  | 移动技术网IT编程  | 我要评论
Vue安装步骤1.小黑框安装vue create 项目名 -b -n2.vuex安装yarn add vuex //全局状态管理工具yarn add vuex-persistedstate //vuex保存在本地3.路由安装yarn add vue-router //路由4.路由跳转yarn add axios //路由跳转yarn add vue-axios //路由跳转5.快速实现页面效果pc端yarn add element-ui -S //pc端6.s

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://blog.csdn.net/weixin_50539818/article/details/108867412

如您对本文有疑问或者有任何想说的,请点击进行留言回复,万千网友为您解惑!

相关文章:

验证码:
移动技术网