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
|