vue学习1

       因为最近的项目需要用到vue框架，自己原来也学习过，但只是模仿着别人写的敲了一点，感觉收获不大。所以借这次机会，自己一边做项目，一边学习记录。技术只有自己真正掌握了才是自己的。下面就开始吧。
       首先在电脑上安装node,这个就不详细说了，下载安装过程自己可以百度一下。在这里说一下npm，npm是随同node一起安装的包管理工具，能解决nodejs代码部署上的很多问题。一般新版的nodejs已经集成npm，所以node安装之后npm也一并安装好了。因为npm是在国外，每次安装的时候很慢，还容易被墙。所以大家一般用淘宝的镜像cnpm，在cmd中输入npm install -g cnpm –registry=https://registry.npm.taobao.org 即可将npm指向国内镜像源，以后每次在命令行的时候把npm换成cnpm就可以啦！
       node安装好以后，接着开始安装vue和vue-cli,输入下面的命令：

npm install vue -g

npm install vue-cli -g

vue-cli可以看作是vue的一个脚手架工程，也就是说，vue提供了一些基本的页面等等，可以让用户更快的开始上手，添加页面等等。完成这一步后我们的配置应该都ok了，接着我们创建应用，输入命令：

vue init webpack myVue

然后填写一些信息，如下图：

接着进入项目文件夹，安装npm,

cd myVue
cnpm install

       这两行命令是用来安装node的安装包（就是node_module）,在命令行安装完以后，可以发现在myVue项目文件夹下多了一个node_module文件夹。
       最后，再运行下面的命令：

cnpm run dev

如果再浏览器打开这个页面，那么就说明成功了！