三十三、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".

  

posted @   搬砖工具人  阅读(154)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 分享一个免费、快速、无限量使用的满血 DeepSeek R1 模型,支持深度思考和联网搜索!
· 基于 Docker 搭建 FRP 内网穿透开源项目(很简单哒)
· ollama系列01:轻松3步本地部署deepseek,普通电脑可用
· 25岁的心里话
· 按钮权限的设计及实现
点击右上角即可分享
微信分享提示