node和vue安装,linux 和mac

1 篇文章 0 订阅
本文档详细介绍了在Linux环境下如何安装Node.js和Vue.js。首先,通过wget下载Node.js的特定版本,并使用tar进行解压及移动到指定目录,创建软链接。接着,更新npm源为淘宝源,确保安装顺利。对于Vue.js,使用cnpm全局安装@vue/cli,处理可能出现的权限问题。最后,创建Vue项目并运行。文章还提到了不同Vue项目模板的差异。
摘要由CSDN通过智能技术生成

一. nodejs安装

例如:

  • [hadoop@node100 ~]$ wget https://npm.taobao.org/mirrors/node/v14.13.0/node-v14.13.0-linux-x64.tar.xz
  • tar 文件名.进行安装
  • 如:tar -xvf node-v12.14.1-linux-x64.tar.xz
  • 移动文件夹 sudo mv ./node-v12.14.1-linux-x64 /usr/local/node
  • 软连接
    • sudo ln -s /usr/local/node/bin/node /usr/bin/node
    • sudo ln -s /usr/local/node/bin/npm /usr/bin/npm
  • 使用node -v 查看node版本号
    • node -v
    • npm -v
  • 均可后,npm换淘宝源
  • 下载安装npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 如果是mac失败,比如报错有关access的,可以试试sudo npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 软连接sudo ln -s /usr/local/node/bin/cnpm /usr/bin/cnpm
  • cnpm -v

二. VUE安装

  • vue菜鸟教程-v2
  • vue3官方文档
  • 官网教程中安装命令是npm install -g @vue/cli,因为电脑上已经安装了cnpm,所以命令改为sudo cnpm install -g @vue/cli
    这样的话可以拥有权限去建立文件夹并安装vue.
  • vue init webpack-simple demo01过程中可能遇到报错Command vue init requires a global addon to be installed. Please run npm install -g @vue/cli-init and try again.,需要sudo npm install -g @vue/cli-init.所以之前的sudo cnpm没卵用
  • 项目建立通用语段:
$ vue init webpack my-project
$ cd my-project
$ npm install
$ npm run dev

几个搜索过的教程

此外要说的是,界面好看啊! 然后simple方式和直接webpack方式差在红框那行Docs for This Template上。
在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

MINUS大大

你的鼓励是我写下去的动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值