vue: ubuntu安装vue环境

一,官网:

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 serve

 INFO  Starting development server...


 DONE  Compiled successfully in 4253ms                                                                                                                                  21:20:13


  App 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/

image

posted @ 2025-09-27 17:06  刘宏缔的架构森林  阅读(17)  评论(0)    收藏  举报