美文网首页
构建Vue开发环境

构建Vue开发环境

作者: xuyouxin1 | 来源:发表于2017-12-14 21:36 被阅读0次

使用node:到官网下载最新版本,否则版本过低可能会有问题(运行不了Vue)

安装npm及cnpm(Windows):https://www.cnblogs.com/yominhi/p/7039795.html

创建vue项目:https://vue-loader.vuejs.org/zh-cn/start/setup.html。其中npm的地方换为cnpm,下载依赖包才快。

vue基础:https://cn.vuejs.org/v2/guide/single-file-components.html

vue-router:https://router.vuejs.org/zh-cn/essentials/getting-started.html  路由分发

vue-loader:https://vue-loader.vuejs.org/zh-cn/start/setup.html

vuex:https://vuex.vuejs.org/zh-cn  状态管理

js路由跳转带参数:

this.$router.replace({path:'/wallet', query: {hasSetPassword: 1}})

目标页面接收参数:

this.$route.query.hasSetPassword

GitHub上的开源Vue项目:

https://github.com/SimonZhangITer/VueDemo_Sell_Eleme

https://github.com/liangxiaojuan/eleme

npm指令:

下载依赖包:cnpm install

运行:cnpm run dev

打包:cnpm run build(打完的包在dist目录下)

相关文章

网友评论

      本文标题:构建Vue开发环境

      本文链接:https://www.haomeiwen.com/subject/niplwxtx.html