在官网Visual Studio Code - Code Editing. Redefined下载解压即可使用
插件分享:
可参考: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,可在首页安装最新版
也可以安装指定版本:官网-->下载-->所有下载选项,即可按照个人需要指定版本安装(Index of /dist/)
mac进去选择.pkg文件即可,本人下载的为10.16.3版本,下载后双击安装即可。
node -v # 查看node.js版本
npm install -g cnpm --registry=https://registry.npm.taobao.org # 淘宝镜像
导入项目,打开终端执行【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
全局安装webpack(用于项目打包)
npm install webpack -g
全局安装nue脚手架
npm install -g @vue/cli-init
初始化一个vue项目(初始化时有些需要确认的信息,按照实际情况选择即可)
vue init webpack appname
初始化后有快速开始的命令指示,可以快速测试一下。
element组件库已经配置好了很多常用组件,可以配合使用
npm i element-ui
查看已经安装的Node
n list
指定版本的node安装
sudo -E n 16.17.0
版本切换
sudo n
#上下健切换版本 回车即可
查看当前版本
node -v
删除指定版本
n rm 16.17.0