web小白怎么跑起来一个已有的web工程

配置本机web开发环境。(Macpro)

总路线：
下载brew - 下载node - cd到web工程文件夹 - 下载npm - 下载vs code - 打开工程

1:下载brew
通过终端命令行下载。
brew 键入之后回车，可查看本机是否已经下载。常用命令如下
brew search [TEXT|/REGEX/]
brew info [FORMULA...]
brew install FORMULA...
brew update
brew upgrade [FORMULA...]
brew uninstall FORMULA...
brew list [FORMULA...]

2:下载node
也是通过终端，通过brew下载node。
brew install -g node 键入命令，点击回车。-g是安装到全局的意思，这个玩意如果不加的话，是可以安装不同版本的node，需要哪个用哪个。

3：下载npm
cd到项目文件路径下后，输入 npm install 回车即可。当然，如果中间如果加了 -g ，也是代表安装到全局的意思，不加则代表只限本文件夹。这个过程会把Vue相关的依赖等全部安装完成。完事之后就可以正常使用vscode编辑代码了。

4：怎么预览或查看我们的web页面呢？
cd到项目文件路径下，输入 npm run serve 回车。 会打印出“ - Local: ”，“- Network:”，本地和网络的两个地址，用来调试和测试。复制到浏览器打开即可。这个其实就是编译出结果的过程。对应的，npm run build 则是编译为生产\正式环境的地址。

5：下载vs code
vs code 工具用来写web页面的代码，https://code.visualstudio.com。完事之后打开vs code，选中我们的工程文件夹，打开即可。

然后，就开始去愉快的开发了...哦，天呐，那糟糕的代码...