Mac 从0开始配置Nodejs与Vue

安装Mac软件包管理器Brew

终端输入命令：

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

此时会报错，是因为安装brew需要翻墙

解决办法：
终端输入命令：

/bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

安装完成后可以看到下图，并使用brew -v查看是否安装成功

brew install wget //安装工具
brew uninstall wget //卸载工具
brew list //列出已安装的软件
brew update //更新brew
brew home //用浏览器打开brew的官方网站
brew info //显示软件信息
brew deps //显示包依赖

安装brew方法转载自: https://www.jianshu.com/p/b7b789a2ed2c

Brew安装Nodejs以及Npm

终端输入命令：

brew install node

安装完成后输入node -v和npm -v查看是否安装成功

说明：npm是node的包管理工具，默认安装完node之后，npm会自动安装上的。

npm install <module> //安装
npm install <module> -g //全局安装
npm uninstall <module> //卸载
npm search <module> //搜索
npm update <module> //更新

Npm安装Vue和Vue-cli

终端输入命令：

npm install vue
npm install vue-cli

创建Vue项目

进入一个空的文件夹，输入以下命令
终端输入命令：

vue init webpack blog

创建完成后出现下图提示

并且可以看到在当前文件夹新建了一个blog文件夹

终端输入命令：

cd blog

进入新创建的目录
终端输入命令：

npm run dev

启动服务器，可看到以下提示

I Your application is running here: http://localhost:8080

打开浏览器访问 http://localhost:8080/ 可以看到vue默认启动界面

使用Npm安装Express-generator

安装express骨架生成器
终端输入命令：

npm install express-generator -g

使用Express创建后台骨架

创建后台骨架
终端输入命令：

express blogbackground

看到如下提示则代表安装成功

可以看到自动生成blogbackground文件夹

终端输入命令：

cd blogbackground

进入express工程目录
终端输入命令：

npm install

安装依赖模块
终端输入命令：

npm start

运行express框架
在./bin/www.js中可以看到绑定的端口

打开浏览器访问 http://localhost:3000/ 可以看到Express的默认启动界面