Vue3+element plus环境搭建及打开一个项目

第一步 下载Nodejs

下载适配的版本即可，然后安装，一直点“next”直至安装完毕
然后我们进入命令行查看node和npm的版本（快捷键菜单+r,运行cmd）

node -v
npm -v

出现如下版本，说明安装成功。

接下来进行环境配置
在nodejs文件夹下创建两个文件夹【node_global】及【node_cache】
然后在命令行中输入如下代码

npm config set prefix "E:\Program Files\nodejs\node_global"
npm config set cache "E:\Program Files\nodejs\node_cache"

在系统高级设置中选择“高级”-“环境变量”

系统变量中新建“NODE_PATH” 内容为“E:\Program Files\nodejs\node_modules”
在Path中添加E:\Program Files\nodejs\node_global；E:\Program Files\nodejs

第二步安装vue-cli
输入如下代码

npm install -g @vue/cli

如果安装报错code ECONNREFUSED可以尝试如下命令

npm config set proxy null

第三步安装element plus
输入如下命令

npm install element-plus --save

第四步运行一个vue3项目
进入该项目的文件目录
输入如下命令

npm install

之后会发现多了一个这样的文件夹

之后再输入如下命令

npm run serve

注意不是vue3是serve不是dev
之后就可以运行啦