ubuntu系统下vue脚手架详细安装教程

安装node.js

node.js下载地址

解压

tar xf node-v21.2.0-linux-x64.tar.xz

创建目录

mkdir /usr/local/lib/node

移动目录并重命名

mv node-v21.2.0-linux-x64 /usr/local/lib/node/nodejs

设置环境变量

sudo vim /etc/profile

在文件底部添加环境变量

export NODEJS_HOME=/usr/local/lib/node/nodejs
export PATH=$NODEJS_HOME/bin:$PATH

刷新修改

source /etc/profile

安装完成 查看版本号

node -v

安装npm

配置npm淘宝镜像

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

要下载最新版本的npm，请在命令行上运行以下命令：

sudo npm install npm -g

在命令行的主目录中，为全局安装创建目录：

 mkdir ~/.npm-global

配置npm以使用新的目录路径：

npm config set prefix '~/.npm-global'

在您喜欢的文本编辑器中，打开或创建〜/ .profile文件并添加以下行：

export PATH=~/.npm-global/bin:$PATH

更新系统变量：

source ~/.profile

查看npm是否安装成功

npm -v

安装vue-cli脚手架工具

npm install -g @vue/cli@4.5.13

查看版本

vue --version

安装其他组建库

npm install --save axios

npm install element-ui -S