初识vue.js，个人学习之路（一）

       在之前作项目时常常是新建一些html、css、等一些文件，但在接触了vue.js以后我发现我已经有点看不懂前端了，这对于我这么一个菜鸟来讲实在是很苦逼的事情。如今的前端技术都离不开npm包去管理编译流程，npm是node.js的包管理工具，vue脚手架的搭建也是须要npm进行操做，因此学习vue以前必需要了解node.js。重点是npm的安装与使用，那么首先咱们就要下载一个node.js.

       1、安装node.js

   能够直接到node.js的官网下载安装，选好跟本身电脑对应的系统版本进行安装，安装过程也没什么说的就是一直下一步，若是你会安装QQ，那么你必定会安装node.js。

   安装完以后打开本身的命令行工具（若是你问我命令行是什么怎么打开，请出门左拐），输入 node-v和npm-v 若是能显示出版本号就说明安装成功了。

      2、vue脚手架的搭建

  安装完node以后咱们就可使用npm安装 vue-cli了，直接全局安装。

                          npm install vue-cli -g                                            

  由于使用npm下载东西访问的是外网须要 翻 墙 速度会很慢，因此推荐你们使用国内的良心淘宝镜像，也就是cnpm来进行安装。

  可自行进入cnpm的官网，可是要注意一点安装完cnpm以后必定要使用 cnpm-v 查看版本号，不然有可能会安装不成功。cnpm的使用就是把npm换成cnpm便可。

  安装完vue-cli以后就是vue项目的搭建了

 3、搭建项目

            vue init wepack demo1  或者 vue init  webpack-simple demo1        

      其中demo1是项目的名字，这个你能够随便取 aaa、bbb均可以，那么webpack与weppack-simple有什么区别呢？其实基本上没有什么区别，可是你用webpack的话它会有代码格式的检查，不符合它的标准就会报错，若是你想让本身的代码看上去工整养成这个习惯，你就用webpack。除此以外两种生成的配置文件名称也不同，一个是index.js，一个是webpack.config.js。

                                               

 

运行命令以后一直回车、回车，可是不要太猛，中间会问你是否须要sass？你能够要或者不要。

而后下面会提示你怎么作   cd demo1 进入项目文件，npm install 安装项目依赖，执行 npm run dev 自动打开页面。

                                       出现这个界面那就大功告成了！