Vue-cli

Vue-cli

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

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

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

需要环境：node

安装node

http://nodejs.cn/download/

官网下载后，一直下一步，安装后，cmd输入以下命令

node -v
npm -v
# 安装淘宝镜像
npm istall cnpm -g
或者以后每次安装加上
npm install xxx --registry=https://registry.npm.taobao.org

安装vue -cli

cnpm install vue-cli -g
#查看是否安装成功
vue list

第一个vue-cli程序

1. 磁盘中自定义一个文件夹，进入文件

2. 执行命令：

   # 都选no,vue-build选第一个，最后一个选自己install
   # 这里的 myvue 是项目名称，可以根据自己的需求起名
   vue init webpack myvue
   cd myvue
   npm install
   npm run dev # 运行