(本人借鉴的他人文章,如有侵权,请私信)
这个链接中有图 vue环境
可有可无的步骤:mac os系统安装brew 打开终端运行一下命令
/usr/bin/ruby-e"$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
第一步:安装node.js
下载地址:https://nodejs.org/en/download/ (选择mac os)
第二步:获取nodejs模块安装目录访问权限
sudo chmod-R777/usr/local/lib/node_modules/
第三步:安装淘宝镜像cnpm 国内镜像 比npm快
npm install-g cnpm--registry=https://registry.npm.taobao.org
第四步:安装webpack
cnpm install webpack -g
第五步:安装vue脚手架
cnpm安装: sudo cnpm install -g vue-cli
或
npm安装(特慢,建议选择cnpm安装):npm install vue-cli -g
第六步:硬盘上创建一个文件夹,放工程用
mkdir myvue (创建文件夹)
cd myvue(进入文件夹)
第七步:创建一个vue.js工程
vue init webpack(模版) vueProj(工程名)
(模版介绍https://github.com/vuejs/vue-cli offical template)
第八步:安装项目依赖
cnpm install
第九步:安装vue路由模块vue-router
cnpm install vue-router --save
安装网络请求模块
cnpm install vue-resource --save
第十步:启动项目
npm run dev