安装Homebrew
/usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
通过brew安装node和npm
brew install node
查看node是否安装成功
node -v 查看node版本
npm -v 查看npm版本
基于node.js,利用淘宝npm镜像安装相关依赖。由于国内使用npm会很慢,这里推荐使用淘宝NPM镜像(http://npm.taobao.org/)
npm install -g cnpm --registry=https://registry.npm.taobao.org
完成之后,我们就可以用cnpm代替npm来安装依赖包了。(这里我用npm)
通过npm安装vue-cli脚手架构建工具,用于帮助搭建所需的模板框架
$ npm install -g vue-cli
回车,等待安装...
$ vue
回车,若出现vue信息说明表示成功
用vue-cli构建项目
创建一个基于 webpack 模板的新项目
$ vue init webpack my-project 注:my-project是项目文件夹名
这里需要进行一些配置,默认回车即可
安装依赖
cd my-project 进入到你的项目文件夹中
npm install 构建项目
依赖安装完成后,运行
npm run dev 运行项目
在浏览里输入:localhost:8080(默认端口为8080)