资料参考：《Vue企业开发实战》

一、前期准备工作

1.下载 node.js

直接在Node.js 官网下载

打开 cmd，输入 node -v，若得到对应版本，则说明 node.js 安装成功。

输入 npm -v得到 npm 的版本，说明 npm 安装成功。

3.安装 cnpm

在 cmd 输入

npm install -gd express --registry=http://registry.npm.taobao.org

验证是否安装成功：输入cnpm -v

二、安装 Vue-cli 脚手架

1.安装 vue-cli

在 cmd 输入cnpm install vue-cli -g

验证是否安装成功，输入vue -V（注意 V 是大写）

2.安装 Webpack

在 cmd 输入cnpm install webpack -g

三、搭建单页面应用

1.搭建项目框架

打开 cmd，转到项目要保存的目录下，输入vue init webpack 项目名称，之后需要初始化一些项目信息

• Project name：项目名称（直接回车会使用 webpack 后跟着的项目名称）
• Project description：项目描述
• Author：作者（可写上自己邮箱或者 GitHub 地址）
• Vue build：打包的方式（直接回车）
• Install vue-router? 是否安装 Vue 路由，建议选 Yes
• Use ESLint to lint your code? 是否启用 ESlint 检测，选择 No
• Set up unit tests：是否需要单元检测，建议选 No
• Setup e2e tests with Nightwatch? 是否需要端对端的检测，建议选 No

2.安装项目依赖模块

打开 cmd，进入项目目录，即打开项目名称文件夹里，运行cnpm install

安装完后会多出一个 node_modules 文件夹，安装的依赖模块都在这个文件夹里。

3.启动项目

输入npm run dev，启动后打开浏览器，输入 http://localhost:8080，出现以下页面，说明安装成功。

4.项目目录结构

• src：放置组件和入口文件
• static：放置静态资源文件，如图片、json数据之类
• index.html：文件入口

详细结构如下