Vue CLi v5 创建项目使用记录
Vue CLi v5.x 创建项目使用记录
# 使用脚手架创建vue项目
- 配置淘宝镜像：
npm config set registry https://registry.npm.taobao.org - 安装vue/cli：
npm install -g @vue/cli - 切换到你要创建项目的目录，然后使用命令创建项目：
vue create xxx - 启动项目：
npm install serve
# 项目创建时的选项
Vue CLI v5.0.8
? Please pick a preset: (Use arrow keys)
> Default ([Vue 3] babel, eslint)
Default ([Vue 2] babel, eslint)
Manually select features
1
2
3
4
5
2
3
4
5
Vue CLI v5.0.8
? Please pick a preset: Default ([Vue 2]
babel, eslint)
? Pick the package manager to use when
installing dependencies:
Use Yarn
> Use NPM
1
2
3
4
5
6
7
2
3
4
5
6
7
# 查看vue脚手架配置文件
vue脚手架把webpack打包相关的配置文件webpack.config.js都隐藏了，怕用户进行破坏操作。如果想看具体的webpack需要执行 vue inspect > output.js 进行查看。
# webpack中用于语法检查的Loader
- eslint
- jslint
- jshint
# 自动升级过期包
- 第一步：使用npm 命令查看已过期安装包
npm outdated - 第二步：安装升级插件
npm install -g npm-check-updates - 第三步：查看最新版本命令
ncu - 第四步：升级低版本npm包文件
ncu -u
# 查看包所有版本号
npm view element-plus versions
# 自动生成id常用插件
- uuid
- nanoid
编辑 (opens new window)
上次更新: 2025/02/10, 20:20:37