Vue vue-cli 创建项目

什么是 vue-cli ？

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

主要功能：

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

需要环境：

Node.js :http://nodejs.cn/download/

确认nodejs安装成功：

cmd 下输入 node -v

cmd 下输入 npm -v 

npm就是一个软件管理工具，就和Linux下的apt软件安装差不多。

安装Node.js 淘宝镜像加速器（cnpm），这样下载会更快。

#-g 就是全局安装
npm install cnpm -g

# 或者使用如下语句解决 npm 速度慢的问题
npm install --registry=https://registry.npm.taobao.org

尽量用npm 安装，用cnpm下载下拉能用但有时候打包会出现问题。

安装 vue-cli

cnpm install vue-cli -g
#查看vue安装，通常我们选择webpack，因为vue基于es6语法，但现实是es5语法，通过webpack打包降级才可以使用
vue list

创建一个vue-cli 应用程序

1.自定义文件夹

2.创建一个基于webpack模板的vue应用程序

#这里的  myvue 是项目名称。
vue init webpack myvue

3.初始化并运行

cd myvue
npm install
npm run dev

停止nodejs服务  Ctrl+C