vue2.0项目笔记系列(1)——搭建Vue脚手架（vue-cli）

接触Vue已经一个来月了，也是初学者，不怎么会。这篇文章主要是一个总结，总结这一个来月用vue干了些什么，加深自己的记忆。
此文章是基于webpack构建的vue项目(vue2.0)，实现简单的页面应用。

一、环境搭建

1. 安装node.js，从node.js官网下载并安装node。安装完成后打开命令行工具（win+R，然后输入cmd）。输入node -v，若安装成功，则会出现相应版本号。如下图所示。官网下载的node自带npm（包管理工具）

  2. 安装淘宝镜像（可选），打开命令行工具，输入：npm install -g cnpm --registry=https://registry.npm.taobao.org；安装淘宝镜像主要原因是，npm服务器是国外的，安装一些‘依赖’的时候会比较慢，比较我们程序猿的时间是比较值钱的。安装淘宝镜像后，就可用cnpm来安装我们的依赖了。安装成功后，输入cnpm -v，如果成功会出现相应版本号。

3. 安装webpack及vue-cli脚手架构建工具，命令分别为：npm install webpack -g、npm install vue-cli -g，安装成功后可分别通过webpack -v、vue -V(大写V)查看版本号。

二、准备好环境和工具后，后通过vue-cli来构建项目

1.在硬盘找一个文件夹放工程，通过cd命令可到相关目录。输入vue init webpack exprice，‘exprice’为项目名称；

2. 安装提示，进入项目cd blog(项目名称)，安装‘依赖’：npm install;

项目目录：

 

3. 启动项目，输入：npm run dev。服务器启动成功后会出现欢迎页面，如下图：

注意：服务器默认地址是8080。修改地址为：config\index.js，如下图：

好了，到此结束。一个简单了项目构建完毕。愿大家好好学习、天天向上。