欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

Linux/Ubuntu 下的VUE环境配置

程序员文章站 2022-06-05 20:45:35
...

最近项目需要开发一个新的网站,准备在Linux上进行前端开发,前端框架使用的是VUE,但是几经百度在Linux上配置VUE简直不要太麻烦,完全有失Linux的简洁性,现整理一份Linux/Ubuntu上VUE的配置方法,测试系统为Ubutnu20.04.

STEP1: nodejs安装

有两种nodejs安装方式,一种是直接从Ubuntu的官方repository中安装,另一种是从NodeSource repository中进行安装。第一种较为简单,但是无法安装你期望的版本;如何是和小伙伴们一起开发前端,建议第二种方案,可以自己选择安装版本

法一

在终端输入:

sudo apt-get install nodejs

即可完成安装
检查安装是否成功

node -v

npm - v

法二

  • 更新
sudo apt-get update
sudo apt-get upgrade
  • 安装Python软件libraries
sudo apt-get install software-properties-common  
  • 将 Node.js 的 PPA 加入系统
curl -fsSL https://deb.nodesource.com/setup_14.x | sudo -E bash -

注意具体版本信息可从https://github.com/nodesource/distributions中查到

sudo apt-get install nodejs
  • 检查安装是否成功
node -v

npm - v

STEP2: 切换淘宝npm源

sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

STEP3: VUE-CLI的安装

cnpm install -g vue-cli

配置完毕!