1.Vue 环境配置

2022-03-12  本文已影响0人  zouhao1985

1.node安装

我是window系统,到官网下载exe文件下载安装就可以了,注意如下版本事项。

Node Version Requirement
Vue CLI 4.x requires Node.js version 8.9 or above (v10+ recommended)

这时候最新的vue clli版本为4.5.15,根据如上官网提示,检查node版本

node -v
v14.15.0

以上版本够用了

2.npm源设置

一般来说源都要修改为国内的源,不然速度太慢了,推荐设置淘宝的源

npm config set registry https://registry.npm.taobao.org/

检查是否设置正确

npm config get registry

3.vue/cli3安装

npm install -g @vue/cli

这里注意下,如果你已经安装了1.x和2.x版本,需要先卸载

npm uninstall vue-cli -g

Warning regarding Previous Versions
The package name changed from vue-cli to @vue/cli. If you have the previous vue-cli (1.x or 2.x) package installed globally, you need to uninstall it first with npm uninstall vue-cli -g or yarn global remove vue-cli.

4.ElementUI脚手架安装

ElementUI有vue-cli@3的插件,可以使用它快速搭建一个基于Element的项目进行学习。
现在基于vue3.x的项目叫Element-Plus了,这个注意下,后续我这边都是基于vue2.x的ElementUI工程。

vue create element-ui-demo
cd element-ui-demo
vue add element

注意这里在create的时候提示选择vue的版本,我采用了默认的vue2配置,因为我用的elementui是基于vue2.x的。另外add element的时候,也有几个选项,我采用了Fully import、不修改变量等懒人配置模式。
最后启动项目,基本的环境配置完毕。

npm run serve
上一篇 下一篇

猜你喜欢

热点阅读