vue-cli项目创建

第一个vue-cli项目

什么是vue-cli

vue-cli官方提供的一个脚手架，用于快速生成一个vue的项目模板；
  预先定义好的目录结构及基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目，这个估计项目就是脚手架，我们的开发更加的快速；

项目的功能

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

需要的环境

1. Node.js：http://nodejs.cn/download/
   【就是服务器端的JS】

   安装就是无脑的下一步就好，安装在自己的环境目录下

2. Git：https://git-scm.com/doenloads
   【版本控制

3. npm镜像：https://npm.taobao.org/mirrors/git-for-windows/
   【也就是包管理器】

确认nodejs安装成功：

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

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

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

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

安装Node.js淘宝镜像加速器（cnpm） 这样的话，下载会快很多~

-g 就是全局安装

npm install cnpm -g

或使用如下语句解决npm速度慢的问题

npm install --registry=https://registry.npm.taobao.org

安装的过程可能有点慢~，耐心等待！虽然安装了cnpm，但是尽量少用！
安装的位置：C:\Users\administrator\AppData\Roaming\npm

安装vue-cli

第一个 vue-cli 应用程序

使用idea来创建，不用命令行创建