当前位置：首页 > news >正文

vue: ubuntu安装vue环境

news 2026/5/12 16:34:17

一，官网:

https://nodejs.org/en/download

二，安装:

# Download and install nvm:
curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.40.3/install.sh | bash
# in lieu of restarting the shell
\. "$HOME/.nvm/nvm.sh"
# Download and install Node.js:
nvm install 22
# Verify the Node.js version:
node -v # Should print "v22.19.0".
# Verify npm version:
npm -v # Should print "10.9.3".

三，配置npm使用淘宝源

$ npm config set registry https://registry.npmmirror.com

$ npm config get registry
https://registry.npmmirror.com

四,安装vue

$ npm install -g @vue/cli

创建符号链接:

sudo ln -s /home/liuhongdi/.nvm/versions/node/v22.19.0/bin/vue /usr/local/bin/vue

查看版本:

$ vue -V
@vue/cli 5.0.9

五，创建vue项目

$ vue create my-vue-app

liuhongdi@lhdpc:/data/vue$ cd my-vue-app/
liuhongdi@lhdpc:/data/vue/my-vue-app$ npm run serve> my-vue-app@0.1.0 serve
> vue-cli-service serveINFO  Starting development server...DONE  Compiled successfully in 4253ms                                                                                                                                  21:20:13App running at:- Local:   http://localhost:8080/ - Network: http://192.168.219.3:8080/Note that the development build is not optimized.To create a production build, run npm run build.

访问：

http://192.168.219.3:8080/