linux下vue安装教程,Linux环境下搭建Vue开发教程

66b52468c121889b900d4956032f1009.png

8种机械键盘轴体对比

本人程序员,要买一个写代码的键盘,请问红轴和茶轴怎么选?

d6fe20809bd3b264ce57d90d26fe6920.png

写在前面

本文介绍在Linux环境下从零开始搭建Vue开发环境的整个过程。注:使用的linux的系统版本为ubuntu 系的 —— Linux Mint,这是国外使用最多的桌面发行版之一,同时各项操作也比较人性化,建议优先考虑。 (比如 nativescript 默认只提供了 deb 包的支持。)

安装nodejs

c9bf2664e33ec69dc6a5cdbdcfc610c5.png解压到相应的文件夹解压tar.xz文件:先 xz -d xxx.tar.xz 将 xxx.tar.xz解压成 xxx.tar 然后,再用 tar xvf xxx.tar来解包。1

2

3xz -d node-v10.15.3-linux-x64.tar.xz

tar xvf node-v10.15.3-linux-x64.tar

在文件夹会出现相应目录:

95fd076a8368d246cefc0bd5e460debb.png建立软链接/你的文件目录/node-v10.15.3-linux-x64/1

2

3sudo ln -s /tmp/mozilla_tk2080/node-v10.15.3-linux-x64/bin/node /usr/local/bin/node

sudo ln -s /tmp/mozilla_tk2080/node-v10.15.3-linux-x64/bin/npm /usr/local/bin/npm验证

使用 node -v 和 npm -v 来验证是否安装成功,若安装成功则会看到相应的版本信息。

9a50f322c88037acf635177afd9c776c.png

安装cnpm

安装cnpm是因为使用npm install安装包时速度很慢,所以建议安装cnpm后使用cnpm install来安装包。1npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完成后同样要建软链接,否则在使用cnpm时会报 No command 'cnpm' found 的错误。1sudo ln -s /tmp/mozilla_tk2080/node-v10.15.3-linux-x64/bin/cnpm /usr/local/bin/cnpm

安装完成后可以使用 cnpm -v 来进行验证。

安装vue-cli1cnpm install -g vue-cli

安装完成后同样要建立软链接,否则会报 No command 'vue' found 的错误。1sudo ln -s /tmp/mozilla_tk2080/node-v10.15.3-linux-x64/bin/vue /usr/local/bin/vue如果不想每次全局安装后都去建立软链接,可以在安装完npm或cnpm后,使用以下命令将安装路径指向/usr/local,这样之后使用npm或cnpm安装包之后就可以直接使用命令。

npm config set prefix /usr/local

cnpm config set prefix /usr/local

设置完之后可以使用下列命令进行查看。

npm root -g

cnpm root -g

使用vue-cli创建项目1vue init webpack firstproject

下载完成后执行下列命令可运行项目查看效果:1

2

3

4

5cd firstproject

cnpm install

cnpm run dev

ed29ae34d84dc15e0ebb532138f7189d.png

到此为止,Linux环境下的Vue开发环境就搭建完成了。

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值