• 相关链接
  • 1. 安装brew
  • 2. 安装 nodejs
  • 3. 获取nodejs模块安装目录访问权限
  • 4. 安装淘宝镜像
  • 5. 安装webpack
  • 6. 安装vue脚手架
  • 7. 使用 npm 命令安装常用的 Node.js web框架模块 express:
• 全局安装与本地安装
• Vue项目的创建
• Vue打开局域网访问

相关链接

• mac 下vue环境搭建过程（包含node.js的安装以及踩坑）
  

1. 安装brew

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

2. 安装 nodejs

路径位置 /usr/local/include/node

brew install nodejs

终端输入npm，如果不行，则重新安装

brew reinstall nodejs

3. 获取nodejs模块安装目录访问权限

sudo chmod -R 777 /usr/local/lib/node_modules/

4. 安装淘宝镜像

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

5. 安装webpack

cnpm install webpack -g

6. 安装vue脚手架

npm install vue-cli -g

7. 使用 npm 命令安装常用的 Node.js web框架模块 express:

$ nmp install express

安装好之后，express 包就放在了工程目录下的 node_modules 目录中，因此在代码中只需要通过require(‘express’)的方式就好

var express = require('express')

全局安装与本地安装

npm 的包安装分为本地安装（local）、全局安装（global）两种，从敲的命令行来看，差别只是有没有-g而已，

npm install express     # 本地安装
npm install express -g  # 全局安装

Vue项目的创建

vue 如何新建一个项目

1. cd 进入要创建项目文件中
2. 执行命令：vue init webpack +项目名称，一路enter下去
3. cd 进入项目文件中，运行npm run dev,即可在端口打开

Vue打开局域网访问

1. 将config/index.html中host改为host: '0.0.0.0',
2. 将build/webpack.dev.conf.js中devServer添加disableHostCheck: true,