vscode安装+node.js环境搭建(mac)

一：安装vscode

在官网Visual Studio Code - Code Editing. Redefined下载解压即可使用

插件分享：

二：node.js环境搭建(使用终端brew安装最新的nodejs)

可参考：Vue2.0 新手入门 — 从环境搭建到发布 | 菜鸟教程

1、Homebrew ：Mac系统的包管理器，用于安装NodeJS和一些其他必需的工具软件（若已安装则跳过）

brew -v # 可查看是否已经安装Homebrew

/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

2、使用homebrew安装node.js

brew install nodejs

node -v # 查看node.js版本

3、安装npm (淘宝镜像)

npm install -g cnpm --registry=https://registry.npm.taobao.org

三、node.js环境搭建（手动安装）

node.js中文官网：Node.js，可在首页安装最新版

也可以安装指定版本：官网-->下载-->所有下载选项，即可按照个人需要指定版本安装（Index of /dist/）

mac进去选择.pkg文件即可，本人下载的为10.16.3版本，下载后双击安装即可。

node -v # 查看node.js版本

npm install -g cnpm --registry=https://registry.npm.taobao.org # 淘宝镜像

四、在vscode中打开已经下载的vue项目(在码云下载的renren-fast-vue)，以下为个人运行renren-fast-vue时的一些 填坑经验，可忽略。

导入项目，打开终端执行【npm install】，下载前端所需要的组件

使用最新的nodejs时报错：no matching constructor for initialization of 'v8::String::Utf8Value'

按照提示执行System Darwin 19.*.* 时，发现无法识别System命令，找了好多帖子均无用，所以换用nodejs10.16.3版本尝试。

然后又出现以下错误：

经参考其他博客发现以下命令有效（有可能之前安装淘宝镜像失败导致的问题）：

npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

package.json ：描述了所需要依赖以及版本信息

node_modules：

npm run dev

报错：

Error: ENOENT: no such file or directory, scandir '****/node_modules/node_saas/**

npm rebuild node-sass

解决方案：npm rebuild node-sass

五、vue模块化开发

全局安装webpack(用于项目打包)

npm install webpack -g

全局安装nue脚手架

npm install -g @vue/cli-init

初始化一个vue项目(初始化时有些需要确认的信息，按照实际情况选择即可)

vue init webpack appname

初始化后有快速开始的命令指示，可以快速测试一下。

element组件库已经配置好了很多常用组件，可以配合使用

npm i element-ui

 六、node多版本

查看已经安装的Node

n list

 指定版本的node安装

sudo -E n 16.17.0

版本切换

sudo n
#上下健切换版本 回车即可

查看当前版本

node -v

删除指定版本

n rm 16.17.0