欢迎入坑vue

hello大家好，因为公司的项目需求本人打算入坑vue2.0版本，另外打算每周更新一次！将个人学习成果进行分享欢迎大家指正讨论！首先和大家聊下vue和anguar的区别！

本人以前使用的是angular1.0 加webpack进行项目开发使用oclazyload进行一些模块控制器的懒加载最后使用webpack -p进行项目打包！

最近研究了几天vue2.0版本发现和angular差不多 angular1.0比较倾向于页面式的开发而vue2.0比较适合于模块式的控制类似于搭积木或者是拼图 现将模块创建好然后 在对自己所要实现的功能进行模块拼接。

好了废话讲了一片我们接下来先教大家创建一个项目进行项目的demo开发。

首先打开你的终端先对于node.js进行安装（这个看教程）

然后对淘宝镜像进行安装，安装命令npm install -g cnpm --registry=https://registry.npm.taobao.org。

接下来对于webpack进行全局安装，安装命令：cnpm install webpack -g（毕竟vue2.0是基于webpack进行开发的）。

接下来我们在桌面上新建一个文件夹起名脚DaXinDemo（不要问为什么！哈哈哈）。

紧接着我们在此项目中打开终端对于vue脚手架进行安装，安装命令：npm install vue-cil -g

然后接下来我们的脚手架已经搭建完毕应该是这个样子的

是不是感觉缺少了写什么！对了我们的配置文件还没有进行下载下载命令：npm install（或者你可以使用cnpm install 不过这样可能会有些配置问价下载不下来 毕竟是淘宝的镜像）

安装完成后我们会发现项目中多了一个叫node_modules的文件这表示我们的项目已经安装完毕

接下来我们项目 在终端上输入 npm run dev

回车搞定！然后进行等待它会打开你的默认浏览器对于项目进行展示。

好了我们现在看下我们的项目结构 如图：

好了今天先讲到这里 下周接着再聊项目的配置问题