Arch Linux 安装vue3.0 以及用vscode打开

1.下载Node.js

(1)点击此网址：https://nodejs.org/en/

(2)如图：下载LTS版本

?

(3)下载后在Downloads目录下执行以下两部操作进行解压

? sudo xz -d node-v14.17.3-linux-x64.tar.xz

? sudo tar -xvf node-v14.17.3-linux-x64.tar

? 解压后：

?

2.安装node.js

  ### (1)将上部解压好的目录移动到安装目录

? sudo mv node-v14.17.3-linux-x64/ /usr/local/soft/

(2)执行以下两部创建连接符号

? sudo ln -s /usr/local/soft/node-v14.17.3-linux-x64/bin/node /usr/local/bin/node

? sudo ln -s /usr/local/soft/node-v14.17.3-linux-x64/bin/npm /usr/local/bin/npm

?

完成node.js的安装

?

(3)由于npm下载包一般很慢，使用sudo npm install -g cnpm --registry=https://registry.npm.taobao.org更换为淘宝镜像源。

?

(4)为cnpm创建符号链接

    sudo ln -s /usr/local/soft/node-v14.17.3-linux-x64//bin/cnpm  /usr/local/bin/cnpm

? 可看到如下效果：

3.安装vue3.0

（1）这里开始使用最新的命令下载vue/cli

           sudo npm install -g @vue/cli

(2)创建符号链接

? **sudo ln -s /usr/local/soft/node-v14.17.3-linux-x64/bin/vue /usr/local/bin/vue **

? 可看到如下效果：

?

(3)创建名为test的项目执行以下语句

? sudo vue create test

会看到如下效果：

?

选择第二个选项

(4)创建完成后进入test文件夹

4.用vscode打开此文件

(1)在终端输入code .即可完成

至此Arch Linux下的vue3.0以搭建完成

(2)切换到test目录下执行下列操作运行

? npm run serve

?

浏览器中访问可看到如下效果

我是一直在学习的小白同学呀！

Arch Linux 安装vue3.0 以及用vscode打开

原文：https://www.cnblogs.com/hurricane404/p/15018721.html