Ubuntu桌面下Vue开发环境搭建

环境Ubuntu X86
https://www.cnblogs.com/cnlangyu/p/17417301.html

node官网:https://nodejs.org/en/download/

下载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

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创建项目

vue create vue-demo