vue+vuex+router初体验
来源:互联网 发布:有什么好的网游知乎 编辑:程序博客网 时间:2024/05/12 00:40
前言
本人是java开发出生,工作需要研究node/vue,在学习期间参照很多博文,书写示例代码,文中肯定会有很多不专业的地方,记录一方面用于自己梳理知识脉络,一方面方便日后查询,同时还可以让和我处于相同情况的码农们有个参考,废话不多说了,开始撸代码,这才是每个码农关心的问题.
vue环境搭建
没有详细了解的npm的伙伴们不要紧张,照着做就可以,用的多了就了解了,至于他是怎么实现的需要有精力的童鞋们研究,我这里就不废话了.
步骤一:安装node
Windows 安装包(.msi)
32 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x86.msi
64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi
安装过程已无脑的下一步操作完成.
验证node是否安装成功:node -v
步骤二:安装我们先安装淘宝源,
这样会加快我们下载,在命令行中输入一下代码。
命令: npm install -g cnpm –registry=https://registry.npm.taobao.org
步骤三:将npm升级到3.x以上
命令:npm install npm -g
如果下载失败,兄弟们尝试下翻墙看好使不
步骤四:新建项目
在自己代码盘下创建文件夹vueProject
步骤五:安装vue环境
步骤1:cnpm install -g vue-cli 步骤2:进入新建的vueProject文件夹执行命令:vue init webpack 一路y下去,很多模块功能我也不清楚,慢慢研究吧. 步骤3:npm run dev(保证本地8080端口没有被占用)
步骤六:验证
访问:http://localhost:8080
vue环境搭建完成.
阅读全文
0 0
- vue+vuex+router初体验
- Vue+Vuex+Router
- vue之vue-router vuex学习笔记
- Vue2.0 + vue-router + Vuex实战演练
- vue2+vuex+vue-router 快速入门(五) vuex 介绍
- 基于 Webpack & Vue & Vue-Router 的 SPA 初体验
- 基于 Webpack & Vue & Vue-Router 的 SPA 初体验
- 基于 Webpack & Vue & Vue-Router 的 SPA 初体验
- vue项目实践(vuex + vue-router + vue-resource)
- vue项目实践(vuex + vue-router + vue-resource)
- vue+webpack+vue-router+vuex+vue-resource简单实例
- Vue2.0 框架配置:vue-cli + vue-router + vuex
- Vue.js学习之vue-router vuex axios webpack
- use vue vuex vue-router, not use webpack
- use vue vuex vue-router, not use webpack
- use vue vuex vue-router, not use webpack
- use vue vuex vue-router, not use webpack
- use vue vuex vue-router, not use webpack
- 41. First Missing Positive
- 算法(五):回溯法和分支限界法
- 专题一关键字的剖析----4.goto,void,extern,sizeof的分析
- vue自定义全局组件(自定义插件)
- hdoj1082 Matrix Chain Multiplication(栈的运用)
- vue+vuex+router初体验
- AndroidStudio界面和代码关联
- android binder机制---概述
- HTML系列之List和Table 超链接 Form(三)
- 快速上手MySql && MySql GUI工具 SQLyog Community
- NYOJ 915 +-字符串
- 532. K-diff Pairs in an Array
- POJ 2386(DFS求连通块的经典算法)
- 生成式对抗网络 NIPS 2016 课程 第 3 节