6、vue的安装

vue-cli

vue-cli 官方提供的一个脚手架,用于快速生成一个 vue 的项目模板;

预先定义好的目录结构及基础代码，就好比咱们在创建 Maven 项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架,我们的开发更加的快速;

主要的功能:

• 统一的目录结构
• 本地调试
• 热部署
• 单元测试
• 集成打包上线

安装步骤

1、安装nodex.js

• Node.js : http://nodejs.cn/download/
  安装就无脑下一步就好,安装在自己的环境目录下
• Git : https://git-scm.com/downloads
  镜像:https://npm.taobao.org/mirrors/git-for-windows/

确认nodejs安装成功:

• cmd 下输入 node -v,查看是否能够正确打印出版本号即可!
• cmd 下输入 npm-v,查看是否能够正确打印出版本号即可!

这个npm,就是一个软件包管理工具,就和linux下的apt软件安装差不多!

2、安装 Node.js 淘宝镜像加速器（cnpm）

　　为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/
输入：

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

即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。

　　检查知否安装成功：

 查看npm的安装地址：

　　C:\Users\Administrator\AppData\Roaming\npm

 搭建Vue-cli项目：

1、安装 vue-cli： 官方提供的一个脚手架

cnpm install vue-cli -g

# 测试是否安装成功
# 查看可以基于哪些模板创建 vue 应用程序，通常我们选择 webpack
vue list

　　2、在cmd中切换到你想创建vue项目的目录

　　3、执行初始化命令：

# 这里的 myvue 是项目名称，可以根据自己的需求起名
vue init webpack myvue

　　一路都选择no即可;

说明:

• Project name：　　                          项目名称，默认 回车 即可
• Project description：                         项目描述，默认 回车 即可
• Author：                                            项目作者，默认 回车 即可
• Install vue-router：                           是否安装 vue-router，选择 n 不安装（后期需要再手动添加）
• Use ESLint to lint your code：         是否使用 ESLint 做代码检查，选择 n 不安装（后期需要再手动添加）
• Set up unit tests：                            单元测试相关，选择 n 不安装（后期需要再手动添加）
• Setup e2e tests with Nightwatch：  单元测试相关，选择 n 不安装（后期需要再手动添加）
• Should we run npm install for you after the project has been created：创建完成后直接初始化，选择 n，我们手动执行;运行结果!

　　4、 初始化并运行

# 切换到你的vue项目中
cd myvue
# 安装配置
npm install
# 启动服务，相当于后端的启动tomcat
npm run dev

6、vue的安装

原文：https://www.cnblogs.com/zhangzhixi/p/14305955.html