vue2.0从入门到努力（1）--安装环境

趁着工作闲暇之余，自学一些新东西。 自己选中了vue，所以准备将自学途中遇到的坑以及一些步骤记录下来，便于后期自己回头整理。

1.nodejs环境及安装国内cnpm

首先，windows下先下载nodejs，一路下一步安装即可，安装完成之后验证是否安装成功。

打开命令行工具，输入 node -v，如果出现相应的版本号，则说明安装成功。npm包管理器，是集成在node中的，所以，直接输入 npm -v就会显示出npm的版本信息。

在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org 然后等待，安装完成。

在命令行中输入 npm install -g webpack 。

在命令行中输入 npm install -g vue-cli 安装脚手架。

2.创建项目及安装项目依赖

命令行进入一个指定的文件夹，作为项目的根目录。cd 工作目录

接下来是创建一个项目：vue init webpack-simple 工程名称(不要用中文)，然后是一些默认设置，完成之后等待它下载模板。

进入项目文件夹，安装项目依赖：npm install，安装路由模块和网络请求模块：cnpm install vue-router vue-resource --save

3.启动项目

npm run dev

启动成功，自动打开游览器，显示vue的欢迎界面，成功！

默认端口使用的是8080，如果想要修改，可以在webpack.config.js中修改：

devServer: {

    historyApiFallback: true,

    noInfo: true,

    overlay: true,

    port: 9090 //访问端口

}