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环境搭建完成.

原创粉丝点击