Mac中VSCode配置vue项目环境

一、下载VSCode

进入VSCode官网，下载Mac版安装包

设置中文:
vscode导航栏view -> Command Palette -> 输入Configure Display Language -> 选择简体中文 -> 重启

二、下载node.js

下载地址：node.js官网，建议下载长期维护版本。

打开控制台输入 node -v
如果正确显示版本号，安装完成

三、修改npm 淘宝镜像源

修改镜像源：
$ sudo npm install -g cnpm --registry=http://registry.npm.taobao.org
查看镜像源：$ npm config get registry
输入 $ npm -v

四、安装vue脚手架构建工具

命令行输入$ sudo npm install -g @vue/cli，
输入vue --version或vue -v查看脚手架版本。

vue脚手架卸载
$ root# which vue
$ ~ root# cd /usr/local/bin
$ bin root# rm -rf vue
$ bin root# vue -V
$:bin root# vue --version

五、创建vue项目

1. 建立一个目录，在终端进入该目录

例如：cd /Users/name/Desktop/testH5

2. 执行命令$ vue init webpack 项目名称

如果提示：

Command vue init requires a global addon to be installed.
Please run npm i -g @vue/cli-init and try again.

可以执行 $sudo npm i -g "@vue/cli-init"
然后再执行创建命令

运行$npm run dev报错

sh: webpack-dev-server: command not found

重新安装package.json文件，执行
$sudo cnpm install