Vue2.0史上最全入坑教程（上）—— 搭建Vue脚手架（vue-cli） - 简书
Vue2.0史上最全入坑教程（上）—— 搭建Vue脚手架（vue-cli）
ps: 想了解更多vue相关知识请点击
Vue作为前端三大框架之一截至到目前在上以收获44,873颗星，足以说明其以悄然成为主流。16年10月Vue发布了2.x版本，经过了一段时间的摸索和看官方的教程和api，才了解到2.0版本在1.0版本的基础上做了好多调整，废弃了好多api。。。废话不多说了，把我踩过的坑，在这里跟大家说说，希望对初学者有所帮助。ps：高手请绕道。
说明：此文章参考了网上一些前人的技术分享，自己拿过来总结一下。此文章是基于webpack构建的vue项目，并实现简单的单页面应用。其中利用到的相关技术会简单加以说明
一、那么我们就从最简单的环境搭建开始：
安装node.js，从下载并安装node，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具(win+r，然后输入cmd)，输入 node -v，如下图，如果出现相应的版本号，则说明安装成功。
这里需要说明下，因为在官网下载安装node.js后，就已经自带npm（包管理工具）了，另需要注意的是npm的版本最好是3.x.x以上，以免对后续产生影响。
安装淘宝镜像，打开命令行工具，把这个（npm install -g cnpm --registry= ）复制（这里要手动复制就是用鼠标右键那个，具体为啥不多解释），安装这里是因为我们用的npm的服务器是外国，有的时候我们安装“依赖”的时候很很慢很慢超级慢，所以就用这个cnpm来安装我们说需要的“依赖”。安装完成之后输入 cnpm -v，如下图，如果出现相应的版本号，则说明安装成功。
安装webpack，打开命令行工具输入：npm install webpack -g，安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。
安装vue-cli脚手架构建工具，打开命令行工具输入：npm install vue-cli -g，安装完成之后输入
vue -V（注意这里是大写的“V”），如下图，如果出现相应的版本号，则说明安装成功。
二、通过以上四步，我们需要准备的环境和工具都准备好了，接下来就开始使用vue-cli来构建项目
在硬盘上找一个文件夹放工程用的。这里有两种方式指定到相关目录：①cd 目录路径
②如果以安装git的，在相关目录右键选择Git Bash Here
安装vue脚手架输入：vue init webpack exprice ，注意这里的“exprice” 是项目的名称可以说是随便的起名，但是需要主要的是“不能用中文”。
$ vue init webpack exprice
---------------------
这个是那个安装vue脚手架的命令
This will install Vue 2.x version of the template.
---------------------这里说明将要创建一个vue 2.x版本的项目
For Vue 1.x use: vue init webpack#1.0 exprice
? Project name (exprice)
---------------------项目名称
? Project name exprice
? Project description (A Vue.js project)
---------------------项目描述
? Project description A Vue.js project
? Author Datura
--------------------- 项目创建者
? Author Datura
? Vue build (Use arrow keys)
? Vue build standalone
? Install vue-router? (Y/n)
--------------------- 是否安装Vue路由，也就是以后是spa（但页面应用需要的模块）
? Install vue-router? Yes
? Use ESLint to lint your code? (Y/n) n ---------------------是否启用eslint检测规则，这里个人建议选no
? Use ESLint to lint your code? No
? Setup unit tests with Karma + Mocha? (Y/n)
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? (Y/n)
? Setup e2e tests with Nightwatch? Yes
vue-cli · Generated "exprice".
To get started:
--------------------- 这里说明如何启动这个服务
cd exprice
npm install
npm run dev
cd 命令进入创建的工程目录，首先cd exprice（这里是自己建工程的名字）；
安装项目依赖：npm install，因为自动构建过程中已存在package.json文件，所以这里直接安装依赖就行。不要从国内镜像cnpm安装(会导致后面缺了很多依赖库)，但是但是如果真的安装“个把”小时也没成功那就用：cnpm install 吧
安装 vue 路由模块 vue-router 和网络请求模块 vue-resource，输入：cnpm install vue-router vue-resource --save。
创建完成的“exprice”目录如下：
下面我简单的说明下各个目录都是干嘛的：
启动项目，输入：npm run dev。服务启动成功后浏览器会默认打开一个“欢迎页面”，如下图：
注意：这里是默认服务启动的是本地的8080端口，所以请确保你的8080端口不被别的程序所占用。
至此简单的一个项目构建完毕....后面我将继续利用这个构建的项目写一个简单的单页面应用。
看到这里给大家推荐一个ide用Atom然后安装vue插件即可，非常之好用
ps: 想了解更多vue相关知识请点击VUE学习目录汇总 ***安装vue项目：vue init webpack vue-musci(项目名称) Vue作为前端三大框架之一截至到目前在github上以收获44,873颗星，足以说明其以悄然成为主流。16年10月Vue发布了2...
本文作者 Jinkey（微信公众号 jinkey-love，官网 https://jinkey.ai）原文链接 https://jinkey.ai/post/tech/vue2.0-xin-shou-wan-quan-tian-keng-gong-lue-cong-huan...
本文作者 Jinkey（微信公众号 jinkey-love，官网 https://jinkey.ai）原文链接 https://jinkey.ai/post/tech/vue2.0-xin-shou-wan-quan-tian-keng-gong-lue-cong-huan...
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目，GitHub地址是：https://github.com/vuejs/vue-cli vue-cli脚手架的优势 有一套成熟的vue项目架构设计,能够快速初始化一个V...
1. 准备工作 首先要安装node.js，从node.js官网下载并安装nodejs, 最好使用稳定坂本你的node，不然会存在项目运行不起来，然后一直&下一步&操作就可以了，安装好之后，打开命令行工具（CTR+R打开输入cmd），可以执行node -v，如果出现相应的版本...
清晨醒来，老公已经起床出门了，28号之6号单双号限行，乡间小路也一样不例外，双号车停在公司，今天得出去，老公只能徒步去公司把双号车黑开回来。
昨天去单位值班，路上跟空旷，车子、行人都很少，听说车站人超级多，绍兴北站至少得排两个小时队，额……跟过年似的。我想今天出...
第一次见你 相见恨晚 叹却叹 我们之间的剧本 还不够完美 见终是见着了 遇终是遇到了 只是来不及参与 你人生的前二十年 只是来不及为你打伞 在还没见你的下雨天 只是来不及为你送饭 在还没见你的忙碌日 只是来不及为你写诗 在还没见你的孤独日 只是遗憾 在还没见你的日子里 没能...
成功就是解答题高手做对了选择题。 怎么才能做对选择题？ 要有判断标准。 如何确立判断标准？ 有个法门 就是反复问自己 什么更重要？ 十年以后呢？ 这是一个需要反复琢磨的问题。 价值观确立以后 选择就不困难了 好多问题 一问自己什么更重要 就自然清楚了 衡量一个人是否聪明 主...
最近我发现一个对于写手来说非常好的出名方法以及赚钱方法——写鸡汤文。我也不知道写了那么多年小说未得志的自己居然那么适合写鸡汤文。我投的第一篇鸡汤文就被编辑看重，发表之后点击率暴增，下面的评论也是各种赞同和感动，说从中学到很多东西对生活充满信心的读者数不胜数。 由于大受欢迎的...
在那一天里，
她送了你一本笔记本，
有全班同学的签名，
包括我在上面的恶作剧！ 我想你是看到了，可我没能看到你一丝气愤！
在那一天前，最热门网游全境封锁春节折扣是否值得入坑？.. - 夏子墨的主页
江苏，常州
全境封锁网络游戏画面_steam加速器分享如果你正在考虑是否入手这款游戏，请听steam加速器小编慢慢道来2013年的E3，当宣传片播放到一分三十秒的时候出现的画面，当时那真是雷鸣般的掌声。不夸张的说，完全可以跟公布FF7高清重置的场面相提并论，然后愣是吊了人们长达三年胃口。日，游戏终于上线了，重金宣发下的广告和宣传片可谓是携雷霆万钧之势。或许你一直没玩过，但你一定听过说过，否则你就不算一个合格的gamer。全境封锁武器与道具选择配置界面_steam加速器分享游戏分为两个区域，明区与暗区前者相对平静，区域内玩家和平相处，组队刷图，俨然是一个现代军事背景下的无主之地。而暗区险象环生，人心叵测，在这个风险与回报成正比的地方，丛林法则尽显无遗。但相比玩家之前过高的期待值，游戏相对单调的玩法，不稳定的服务器，泛滥的原力战士，以及暗区等级划分模式的不完善，导致游戏体验十分不理想，在上市3个月后商店页面评价一度到达“差评如潮”还好制作组并没有自暴自弃，在随后的补丁和大型DLC中修复了大量BUG和不合理的机制，添加了新游戏模式，玩家口碑也在渐渐回暖。到了16年黑五折扣达到了50’OFF，steam加速器小编终于在那时入了坑。得益于暂居欧洲这片土豆质量最好的地方，在连接问题上，延迟完全在可接受范围内，且掉线问题几乎没有，相反在国内的服务器环境下不开加速器几乎是不可能流畅进行游戏的。再来说我入手游戏之后的事情，雪莲花引擎着实带来了精美绝伦的画面，掩体系统，射击手感，界面UI也是无可挑剔。但是很长一段时间内，我都只有一个队友，游戏时间也很难统一起来，导致渐渐的就玩不下去了。全境封锁网络游戏战斗小组协同作战中_steam加速器分享说说上面这个游戏体验的问题，全境封锁是一款多人在线游戏，没有固定队友的独狼玩家往往举步维艰，很难在游戏中获得乐趣。一方面是来源于暗区人多是爸爸的基本规则，另一方面则是游戏中路人队友的不确定性以及新人玩家的逐渐消亡，想找到玩家扎堆的地方，首先得升到满级刷一套毕业装，但是没固定队友没人带的情况下又十分艰难（如果你是一只技术和毅力并存的独狼其实也可以做到）游戏中的几个大型DLC（全部包含在季票中）；地下世界：随机的地下副本，满足你不断的刷刷刷和挑战欲求生生存：分为PVP和PVE两种模式的“吃鸡”，但你需要考虑到更多的因素，胜利者可以是多个人而不是活到最后的“那一个”最后一战：多达16人的对抗模式，需要利用到各种战术配合来获得胜利全境封锁游戏任务选择界面_steam加速器分享如果你电脑配置过关，喜欢刷刷刷，有加速器（或购买付费加速器的心理准备），最好再有三两基友，可以选择入手本游戏。如果你对以上的模式中有一个以上感兴趣，那么就可以考虑入手黄金版。本次周末试玩加上如此力度的折扣终于又吸引了steam加速器小编几个身边的朋友入坑，是时候回归了~最后，steam加速器小编需要提醒的是：全境封锁是有（或者说曾经大量出现过）外挂情况的，但现在游戏逐渐进入稳定期，以前的许多原力玩家都已经AFK甚至脱坑了，现阶段非PVP环境中基本见不到了，希望入坑的新玩家也遵守游戏规则，共同维护游戏环境~IP加速器下载地址：链接：http://pan.baidu.com/s/1dFdCv9v 密码：pbjyIP免费加速器支持天天模拟器加速，通过对天天模拟器加速，即可对手游进行加速。关注IP加速器的微信订阅号，您将获得更多有用的网游资讯，扫一扫　　如果说十一月的工资交给双十一，十二月的工资交给双十二，那么一月的工资，肯定妥妥交给春节了。
　　对于有些人来说，其实不是不想回家，而是不敢回家。人情往来实在太重了！
　　杭州的曹先生在外国经商，以前每年都会坐飞机赶着回家吃那顿热腾腾的年夜饭。但是，今年他竟然有些犹豫了，&今年整体情况不太好，有几笔账还没收回来，只能算保本。去年回家过年，各种请客吃饭送礼，花了将近十万元。人情费太贵，所以有点害怕回家。&
　　过个年要花十万？？？我一年光喝西北风也挣不了十万啊！
　　十万可能有点夸张，但过年7天吃喝嫖赌、人情往份花费过万基本上是真的..挣了一年辛苦钱，还不敢回家过个好年，想必是很多人的心声。
　　其实我觉得这也是虚荣心在作怪，中国人讲究出门在外混生活要衣锦还乡，得让亲朋好友知道你在外面混的好！就拿我来说吧，我16岁出来打工，从一开始的1万、3万，5万，20万，50万，到现在的100万，我都不知道自己怎么就欠了这么多钱。
　　但有一句谚语说的好，&食得咸鱼抵得渴&，想让别人羡慕，就别心疼花钱。你花出去十万就收获了十万羡慕的眼光，舍不得银子还想让别人高看一眼，不可能。
提示：支持键盘“← →”键翻页
<div class="new_ds" id="No_
今天小编为大家梳理一下本次CES 2018上HTC VIVE为我们带来了什么黑科技，除了Vive Pro专业版发布，还有一堆好玩的东西等着大家。
75381人已看过
PC绅士大作《死或生：沙滩排球 女神假期(DEAD OR ALIVE Xtreme Venus Vacation)》将推出特别活动“美人鱼的宠爱”，我们为大家献上了此次活动中的新服装，让我们一起来看看吧！
82734人已看过
马上就要到周末了，过周末玩游戏之前，自然是要先看看妹子福利啦，热爱健身的妹子穿上死库水会怎么样呢？赶紧过来瞧一瞧吧！
91816人已看过
事实上，不只是“雷神”，“美国队长”以及其他演员合约也即将在《复仇者联盟4》之后到期，眼下漫威正忙于《复联》的灭霸大战，还未有续约的动向，而克里斯埃文斯、克里斯海姆斯沃斯等人除了合约到期外，其实之前已经有了去意。
42166人已看过
最伟大的女演员与最伟大的男演员评选似乎在时代上十分统一，也大都是美国黄金时代的女伶们，一起来看看美国人民十分怀念的那个好莱坞，辉煌的美国电影史。
226704人已看过
动漫当中有一些萌萌哒的“男人婆”人物形象令人印象深刻，他们有着强悍的性格，比那些娇弱温柔的女生还要吸粉。
131987人已看过
今天小编为大家带来一份迟到的美剧年选。选这份榜单的时候我们注意了以下三点，第一，这份片单里只盘点美剧，至少得是美国的合拍剧。第二，少选剧二代、三代。第三，不选纯喜剧、动画片。
121294人已看过
现在已经是2018年的1月中旬，今年我们又迎来了不少新番。相比去年的动漫来说，今年1月新番的表现你还满意吗？现在我们来看下过去一年里，动漫里有哪些“最好”呢？
120307人已看过
今天小编在这里就为大家带来我们游侠网独家制作的《全面战争：三国（Total War: Three Kingdoms）》CG预告的精修中文字幕版预告。
136091人已看过
因为国产手游《阿拉德之怒》涉嫌抄袭端游《地下城与勇士》，腾讯对此提起上诉。日前，长沙中级法院初步认定两者存在较高相似性，责令停止《阿拉德之怒》的运营。
80449人已看过
动作游戏ACT(英文)
动作游戏ACT(英文)
格斗游戏FTG(英文)(ERROR:15) & 访客不能直接访问