三十三、Vue Cli 的使用(初始化项目)
1. 安装Vue脚手架
1 | npm install -g @vue/cli |
2. 上面安装的是Vue Cli3的版本,如果需要想按照Vue Cli2的方式初始化项目是不可以的。
拉取2.x模板(旧版本)
Vue Cli3 和旧版本使用了相同的vue命令,所以Vue CLI2(vue-cli)被覆盖了,如果仍然需要使用旧版本的vue init功能,可以安装一个桥接工具
1 2 3 | npm install -g @vue/cli-init # vue init 的运行效果将会跟 'vue-cli@2.x' 相同 vue init webpack my-project |
3. Vue CLI2初始化项目
1 | vue init webpack my-project |
4. Vue CLI3初始化项目
1 | vue create my-project |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | //1.创建项目-- vue init webpack 项目 PS D:\Code\VueJjDemo\02-Vuecli脚手架的使用> vue init webpack vueli2test ? Project name vueli2test //2.项目名称,不能包含大写 ? Project description vue cli2 demo //3.备注信息 ? Author wsyun //4.作者的信息,会默认从git中读取信息 ? Vue build standalone //5. ? Install vue-router? No //6.路由设置 ? Use ESLint to lint your code? Yes //7.ESLint检测代码规范 ? Pick an ESLint preset Standard //8.代码规范的 模式选择,standard为标准规范 ? Set up unit tests No //9.单元测试,某些公司会强制要求单元测试 //10. e2e测试,end to end安装Nightwatch, //是一个利用selenium或webdriver或phantomjs等进行自动化测试的框架 ? Setup e2e tests with Nightwatch? No //选择yarm或者npm安装都可以 ? Should we run `npm install` for you after the project has been created? (recommended) npm vue-cli · Generated "vueli2test" . |
分类:
Vue2x
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现