一起来学习VUE

前段时间换了一家新的公司，到新公司开始学习vue....

好了我让我们从头开始

第一步

先安装 node.js（别告诉我你不知道node.js）,node官网下载安装，然后不停的“下一步”。

按成之后输入 node -v查看是否完成

在npm -v查看npm是否安装完成，因为npm包管理器，是集成在node中的，所以不用单独下载

第二步

安装淘宝镜像(cnpm)

win+r打开运行对话框，输入cmd、然后点击确定打开命令行

在命令行中输入：

npm install -g cnpm --registry=http://registry.npm.taobao.org

第三步

安装vue-cli脚手架构建工具

打开命令行 cd 到桌面（desktop）然后执行cnpm install -g vue-cli（注意：要是用cnpm，如使用npm会导致卡顿甚至下载卡在那不动）

第四步

选择一个地点（可以是桌面也可以是文件夹内）在命令行中运行命令 vue init webpack ***（***表示文件名）生成vue项目的文件夹

注：运行初始化命令的时候回让用户输入几个基本的选项，如项目名称、描述、作者等，可直接回车不填。

第五步

安装项目所需的依赖

将命令行cd到vue项目文件所在目录下，然后执行 cnpm install

这样就会将项目所需的依赖包安装（安装安成后会在vue项目文件所在目录下生成一个node_modules的文件夹，项目所需的依赖包都在这里面放着）

第六步

在ue项目文件所在目录下运行npm run dev

成功后浏览器会自动打开localhost:8080