这是我参与8月更文挑战的第19天，活动详情查看：8月更文挑战
vue 入门-第一章
vue为目前主流前端框架之一，相对于其他框架入门容易，更容易上手，因此更受欢迎。（此系列入门文章仅为自学自省，记录一些基础知识点）
1. Node安装
为什么运行vue需要Node项目呢？ 引用一段高赞回答。
Vue 配合 node 大部分的原因是因为
- 就目前而言，vue 对 node 的服务端渲染支持最好（反过来说就不准确了）。并不是说除了 node 以外就不能做服务端渲染了，只要你够强，你可以使用 go 把 vue 的 js 逻辑跑一遍，只要能够渲染出字符串，那你理论上来说用什么语言都是无所谓的。但是 Node 天生 js，所以 Node 最方便。
- 某些 Vue 无法做到的事情，Node 可以做。没错，这部分不能做的事情就是服务器逻辑，包括，数据存储，数据缓存，用户登录鉴权等等等等..
- 前后统一语言，都是 JavaScript
网址 ： Node官网
下载安装合适的开发版本
安装完成后，我们使用 win+R 快捷键打开运行
输入cmd打开命令行工具
输入 node -v 查看已安装的node版本（如出现相应的版本号则说明安装成功）
2. npm安装
- npm是集成在node里面的，安装好了node后npm也就有了。s 可通过 npm -v 查看本地 npm版本
- 由于npm的默认仓库地址是国外的，在后期安装部分依赖包的时候速度会比较慢，所以建议安装淘宝镜像cnpm
npm install -g cnpm --registry=http://registry.npm.taobao.org
3. 脚手架构建工具vue-cli安装
-
在命令行中运行命令 npm install -g vue-cli 然后等待安装完成。
-
查询是否安装成功 vue -V
-
查询webpack版本 webpack -v
注：如果提示“webpack不是内部或外部命令，也不是可运行的程序”时，需要重新安装webpack包
npm install webpack -g
或者重新设置环境变量
我的电脑-（右键）属性-高级系统设置-环境变量
使用命令行 where node 查询node安装路径
将该node安装路径复制 至 环境变量 path 。
重启命令行工具查询版本号即可。
以上步骤操作完成后，基本所需的环境就准备好了。接下来我们使用脚手架vue-cli构建项目。
4. 项目构建
- 首先选择好项目存放的目录，然后用命令行cd到该目录下
- 在该路径下输入命令行 vue init webpack demoTest （该命令行的意思是，使用webpack初始化vue项目）
- 回车后会出现简单的项目选项： Project name :项目名称 ，如果不需要更改直接回车就可以了。注意：这里不能使用大写 Project description:项目描述，默认为A Vue.js project,回车。 Author：作者。 Install vue-router? 是否安装vue的路由插件。Y Use ESLint to lint your code? 是否用ESLint来限制你的代码错误和风格。N setup unit tests with Karma + Mocha? 是否需要安装单元测试工具Karma+Mocha。N Setup e2e tests with Nightwatch?是否安装e2e来进行用户行为模拟测试。N
等待过后项目就构建完成啦。
这时可以打开项目文件夹查看项目初始化生成的目录。
- 运行项目
npm run dev
一个新手的初始化vue项目就完成啦。下一章记录项目结构以及开发工具。
