vue-cli
一,概述
1.1，简介
vue-cli 是一个官方发布 vue.js 项目脚手架，一个专门为应用快速搭建繁杂的脚手架，它可以轻松的创建新的应用程序而且可用
于自动生成vue和webpack的项目模板。
vue-cli这个构建工具大大降低了webpack的使用难度，支持热更新，有webpack-dev-server的支持，相当于启动了一个请求服务器，
给你搭建了一个测试环境，只关注开发就OK。
总结：vue-cli脚手架可以帮助我们搭建基本的开发环境，好比架子搭建好了，
利用它可以搞定目录结构，本地调试，单元测试，热加载及代码部署等，可以专注在撰写应用上，
而不必花好几天去纠结配置的问题，就不需要我们从0开始开发，
而是直接站在了巨人的肩膀上做进一步的开发。
1.2、安装脚手架前提
- Vue CLI 需要 Node.js8.9 或更高版本 (推荐 8.11.0+)，需要Node作为环境。
- 需要安装Webpack。
二、安装
2.1、安装脚手架
?打开cmd控制台，输入命令：
npm install -g @vue/cli
2.2、测试
? 测试是否安装成功及查看版本号，输入命令：
vue --version
三、创建项目
3.1、安装
-
第一步 ? 定位到D:\dev\project\webpack目录，打开控制台输入创建项目的命令：vue create 项目名称 vue create vue-cli-test
-
第二步 ? 选择默认配置还是自定义手动配置，这里选择【自定义手动配置】： -
第三步 ? 选择项目需要的功能，此处选择默认即可（不需要路由Router，不需要状态管理Vuex，不需要CSS预处理器等）： -
第四步 ? 选择如何存放配置，这里选择第二个： -
第五步
? 等待创建项目，稍等一会儿之后，就创建 完成了。
3.2、运行
? 打开D:\dev\project\webpack\vue_cli_test目录，定位到vue-cli-test目录，输入命令：
npm run serve
3.3、测试效果
? 在浏览器上输入地址：http://localhost:8080，即可打开Vue的网页说明安装成功。
以上是本节内容想了解更多可点以下链接查看
https://blog.csdn.net/m0_60970928?spm=1011.2415.3001.5343
|