mac环境下VSCode的环境配置

1.去官网下载VSCode和Node.js

  • 下载VSCode

    官网下载最新版本的VSCode

  • 下载Node.js

    官网下载Node.js

    可以通过如下的命令来验证是否安装成功:

javascript 复制代码
node -v
npm -v

2.切换npm源

首先先查看当前的源

javascript 复制代码
npm config get registry

输出

javascript 复制代码
https://registry.npmmirror.com

因为https://registry.npm.taobao.org这个镜像证书过期了,所以我用的是最新的镜像https://registry.npmmirror.com

使用新镜像安装cnpm

javascript 复制代码
sudo npm install -g cnpm --registry=https://registry.npm.taobao.org

可以使用cnpm -v验证是否成功

3.安装vue

记得前面加sudo

javascript 复制代码
sudo cnpm install --global vue-cli

4.执行一次cnpm install

5.运行程序

javascript 复制代码
cnpm run dev
或者
npm run dev

注意对于arco-design框架的项目运行要使用pnpm install 和pnpm run dev

可以使用type pnpm或者which pnpm命令查看是否已经安装pnpm,如果显示pnpm not found,则说明没有安装过,需要使用

javascript 复制代码
sudo npm install -g pnpm  --allow-root

输入密码后安装pnpm

相关推荐
爱上你家菜包5 分钟前
Electron一小时快速上手
前端·javascript·electron
陈琦鹏6 分钟前
Vue3+Vite开发Electron桌面端问题记录
前端·javascript·electron
什么什么什么?28 分钟前
el-input实现金额输入
javascript·vue.js·elementui
auspark1 小时前
macos下cocoapods的学习
学习·macos·cocoapods
m0_748256341 小时前
Python 入门教程(2)搭建环境 2.4、VSCode配置Node.js运行环境
vscode·python·node.js
工业互联网专业2 小时前
基于springboot+vue的融合多源高校画像数据与协同过滤算法的高考择校推荐系统
java·vue.js·spring boot·毕业设计·源码·课程设计·高考择校推荐系统
狼性书生2 小时前
uniapp vue3实现的一款数字动画调节器件,支持长按、单点操作,提供丝滑的增减动画效果
前端·vue.js·微信小程序·小程序·uni-app
Jelena157795857922 小时前
爬虫获取微店商品快递费 item_feeAPI 接口的完整指南
开发语言·前端·爬虫
qq_12498707532 小时前
Java+Vue+uniapp微信小程序校园自助打印系统(程序+论文+讲解+安装+调试+售后)
vue.js·微信小程序·uni-app·毕业设计
总是学不会.2 小时前
从“记住我”到 Web 认证:Cookie、JWT 和 Session 的故事
java·前端·后端·开发