Ubuntu桌面下Vue开发环境搭建

Ubuntu桌面下Vue开发环境搭建

node环境

node安装

node官网

下载node安装包：node-v18.16.0-linux-x64.tar.xz

# 解压
sudo tar -xvJf node-v18.16.0-linux-x64.tar.xz -C /usr/local/
cd /usr/local/
sudo mv node-v18.16.0-linux-x64/ nodejs
# 配置环境变量
cd /etc/profile.d/
echo "# nodejs" >> dev-path.sh
echo "export NODEJS_HOME=/usr/local/nodejs" >> dev-path.sh
echo "export PATH=${PATH}:${NODEJS_HOME}/bin" >> dev-path.sh
# 因为配置的环境变量在系统环境变量中，需要重新登陆才能生效
#验证是否成功
node -v
npm -v

npm更换镜像

# 查看npm当前镜像
npm config get registry
npm config set registry https://registry.npmmirror.com
# 校验是否配置成功
npm info underscore

cnpm安装

# 可以使用cnpm代替npm
npm install -g cnpm --registry=https://registry.npmmirror.com

编辑器VsCode

忽略

Vue安装

cnpm install vue -g
# vue脚手架工具
cnpm install vue-cli -g

# vue3
# 卸载之前安装的
cnpm uninstall -g vue-cli
cnpm install -g @vue/cli

# 验证
vue -V

Vue创建项目

# vue3
vue create vue-demo
# ......