1. 什么是 Vue CLI

如果你只是简单写几个Vue的Demo程序, 那么你不需要Vue CLI；如果你在开发大型项目, 那么你需要, 并且必然需要使用Vue CLI。

使用Vue.js开发大型应用时，我们需要考虑代码目录结构、项目结构和部署、热加载、代码单元测试等事情。 如果每个项目都要手动完成这些工作，效率比较低效，所以通常我们会使用一些脚手架工具来帮助完成这些事情。

CLI是什么意思? CLI是 Command-Line Interface, 翻译为命令行界面, 但是俗称脚手架. Vue CLI是一个官方发布 vue.js 项目脚手架 使用 vue-cli 可以快速搭建Vue开发环境以及对应的webpack配置。

2. Vue CLI 使用前提

（1）Node

有关Node的安装及检测请参考 https://blog.csdn.net/Soinice/article/details/87793793?ops_request_misc=%7B%22request%5Fid%22%3A%22158203429919725211909892%22%2C%22scm%22%3A%2220140713.130056874..%22%7D&request_id=158203429919725211909892&biz_id=0&utm_source=distribute.pc_search_result.none-task

（2）Webpack

Vue.js官方脚手架工具就使用了webpack模板，它对所有的资源会压缩等优化操作，它在开发过程中提供了一套完整的功能，能够使得我们开发过程中变得高效。

Webpack的全局安装：

npm install webpack -g

3. Vue CLI 的使用

3.1 安装Vue脚手架

npm install -g @vue/cli

可以通过cmd查看安装版本

vue --version

3.2 创建项目

vue create my-project

下面是Vue CLI2 和 Vue CLI3（3和4差别不大）的对比，这里借用 coderwhy 老师的两幅图来说明：

有关 Vue CLI 更多介绍请看官网 https://cli.vuejs.org/zh/guide/

最新文章

1. 重叠I/O模型
2. 关于js的string的3个函数slice,substring,substr对比
3. 解决：Eclipse调试的时候报错'Launching XXX' has encountered a problem. Cannot connect to VM.
4. phpmailer使用gmail SMTP的方法
5. js - SyntaxError: JSON.parse: unexpected character at line 1 column 2 of the JSON data jquery-1.9.1.min.js:3:4315
6. UOJ 52 元旦激光炮
7. [LeetCode] 187. Repeated DNA Sequences 解题思路
8. sql语句中查询出的数据添加一列，并且添加默认值
9. uva 11475 - Extend to Palindrome(KMP)
10. yahoo给出的关于网站优化的建议
11. double hashing 双重哈希
12. JavaScript 基本类型值-Number类型
13. linux fork两次避免僵尸进程的程序（简单）
14. Scala编程快速入门系列（二）
15. New UWP Community Toolkit - RadialGauge
16. Web Service进阶(三)HTTP-GET, HTTP-POST and SOAP的比较
17. iOS监听模式系列之对APNs的认知与理解
18. $Django 路飞学城项目简介
19. OpenCV-Python入门教程1-图片
20. spring redis 注解实现缓存机制

热门文章

1. GIT分布式版本控制
2. Linux网络服务第一章Linux网络基础设置
3. AWS访问慢的原因分析及解决方案
4. POJ 2230 Watchcow 欧拉回路的DFS解法（模板题）
5. POJ - 2251 Dungeon Master（搜索)
6. RF（常用关键字）
7. Centos 搭建wordpress个人博客
8. undef用法
9. 「从零单排HBase 09」Hbase的那些数据结构和算法
10. mac下xampp使用phpmyadmin搭建后台