vue cli - 创建脚手架

  1. 1. 一、准备
  2. 2. 二、创建脚手架
  3. 3. 三、终端打开、下载卡住
  4. 4. 四、安装element-plus

一、准备

​ 先下载完node, 按照完成后打开cmd命令行工具输入node -v, 如果显示版本号说明安装成功,如:

1
2
C:\Users\lsy***>node -v
v16.14.0

显示出npm的版本信息:

1
2
C:\Users\lsy***>npm -v
8.3.1

安装cnpm:

1
npm install -g cnpm --registry=https://registry.npm.taobao.org
1
cnpm -v

使用cnpm的方法就是,需要用到npm的地方直接使用cnpm替换就可以了。

安装最新@vue/cli版本:

1
npm install -g @vue/cli

安装完成后,使用 vue -V 显示版本号来测试vue是否安装成功。


二、创建脚手架

1
2
3
4
5
6
7
8
9
10
11
# 安装脚手架
npm install -g @vue/cli
# 查看版本
vue --version
# 如需升级全局的 Vue CLI 包
npm update -g @vue/cli
# 卸载vue-cli
npm uninstall vue-cli -g

vue ui # 可打开管理员cmd,在里面创建
npm run serve # 启动

在idea里面打开文件夹

三、终端打开、下载卡住

清理缓存

1
2
3
npm config get proxy
npm config rm proxy
npm config rm https-proxy

四、安装element-plus

1
cnpm install element-plus --save