Vue.js脚手架vue-cli构建项目

Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。

1、node下载：https://nodejs.org/en/download/；下载完成检测一下自己有没有下载成功，home键+R cmd打开命令行窗口。

node -v   出现版本号说明安装成功

npm -v    同上

2、访问外网资源，大家都懂的。推荐安装使用淘宝镜像（http://npm.taobao.org/）：

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

安装依赖模块使用方法和npm相同：$  cnpm install [name]

--------------------------------------分割线-------------------------------------------------------

1、全局安装vue-cli：

$ npm install --global vue-cli

2、创建项目（项目最好不要在C盘创建）：（mkdir--cmd命令新建文件夹）

2、创建一个基于 webpack 模板的新项目（my-project是自定义，为项目名称）

$ vue init webpack my-project

3、cd 到 app 文件夹，然后下载依赖模块

4、下载成功后，启动项目，输入命令：

cnpm run dev （没安装淘宝镜像的是：npm run dev）

OK,一个基础的vue-cli项目搭建完成。

5、终止项目：Ctrl + C

上述过程亲测，本人也是个菜鸟，有错误请指正。有疑问请留言评论。