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

一:安装vscode

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

插件分享:

vscode安装+node.js环境搭建(mac)_第1张图片

二: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版本,下载后双击安装即可。

vscode安装+node.js环境搭建(mac)_第2张图片

node -v # 查看node.js版本

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

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

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

vscode安装+node.js环境搭建(mac)_第3张图片

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

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

然后又出现以下错误:

vscode安装+node.js环境搭建(mac)_第4张图片

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

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

你可能感兴趣的:(Mac,vue,vscode,node.js,macos)