第1讲：配置NODE16环境，创建和运行VUE3项目。

原创

于 2021-11-09 10:02:37 发布 · 1.7k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #npm #node

本文介绍了在macOS Big Sur V11.6环境下，如何配置NODE16 LTS稳定版，并通过Vue CLI v4.5.14创建和运行Vue3项目。详细步骤包括下载安装NPM，选择Vue项目特性，如Babel、TS、Router、Vuex、CSS预处理器等，并使用Jest作为单元测试解决方案，Cypress作为E2E测试解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

开发操作系统为macOS Big Sur V11.6。如后续无特别说明，均是此环境。

一、环境准备

1、安装和配置NPM，LTS稳定版

https://nodejs.org/en/download/current/
Latest LTS Version: 16.13.0 (includes npm 8.1.0)
macOS Binary (.tar.gz)，下载node-v16.13.0-darwin-x64.tar.gz

tar zxvf node-v16.13.0-darwin-x64.tar.gz 
vi ~/.zprofile
  NODE_HOME="/Users/dev/node-v16.13.0-darwin-x64"
  export NODE_HOME
  PATH="$NODE_HOME/bin:$PATH"
  export PATH
source ~/.zprofile
sudo node -v
sudo npm -v
sudo npm config set registry https://registry.npm.taobao.org --global
sudo npm config set disturl https://npm.taobao.org/dist --global
sudo npm config get registry

2、安装Vue CLI

sudo npm uninstall -g vue-cli
sudo npm uninstall -g @vue/cli
sudo npm install -g @vue/cli
vue --version
sudo npm install -g [email protected]

二、创建VU3项目

最低0.47元/天解锁文章