初识Vuejs，开发环境搭建

 

　　最近听到很多盆友都在说vue怎么好用啊，搭建框架怎么方便啊，博主这个小白也是不禁心头一荡啊，咱不能玩特立独行啊，必须了解新技术趋势撒，于是乎各种百度各博主大神的博客，各位大神及老鸟高抬贵嘴，不喜勿喷啊^_^ !

　　不多BB了，小二，上“酸菜”！——好勒~~

　　Vuejs开发环境搭建

　　1.安装nodejs

　　　　各位看官，这个安装就不多说了，百度大婶里面各种都是~~ https://nodejs.org/en/

　　2.利用淘宝npm安装相关依赖      

　　　　 在cmd里输入：npm install -g cnpm –-registry=https://registry.npm.taobao.org

　　　　这个咱也没啥好吐槽滴，咱不是打广告，淘宝镜像你值得拥有啊，不然那个下载速度简直惊心动魄啊！

　　3.安装全局vue-cli脚手架，用于帮助搭建所需的模板框架      

　　　　在cmd里  1)输入：cnpm install -g vue-cli

              　　　　2).输入：vue，回车

　　　　

　　　　若出现vue信息说明表示成功,这个不解释辣，go on~

　　4.创建新项目vue_test

      　　在cmd里输入：vue init webpack vue_test(项目文件夹名)，回车，等待一小会儿，依次出现‘git’下的项，然后如图操作  

　　　　　　　　　　　　

　　　　各位boss，新项目已经创建成功勒，是不是有一点小鸡冻哇，不要急，后面照样精彩，hoho~~

　　5.安装依赖

      　　在cmd里   1).输入：cd vue_test（项目名），回车，进入到项目文件夹

               　　　　2).输入：cnmp install，回车

　　　　　本地项目文件夹中出现node_modules文件夹则表示创建成功，然后咱们继续下一步操作哦~

　　6.测试环境是否搭建成功

      　　在cmd里输入：cnpm run dev //  在浏览里输入：localhost:8080(默认端口为8080)

 　　　　　　　　　　

 

 

　　　　各位老板，各位客官，到这就能看到本地服务已经启来了，后面就是登陆本地端口号查看页面了，到此基本开发环境已经搭建好了，后面的内容请容许博蛛我慢慢琢磨一哈~0~

　　　　

　　　　

 

 

 

 

参照原文 http://blog.csdn.net/luckylqh/article/details/52863026