macOS安装Node.js 和Vue.js开发环境过程

一、首先安装Homebrew

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

如果在安装homebrew出现usr/local的权限问题，请输入一下代码

sudo chown -R `whoami` /usr/local

如果出现一下错误的时候，请添加hosts一些内容

二、使用Homebrew安装Node.js和Vue.js

1. 使用brew安装nodebrew install node

2. 测试node和npm是否安装成功，如果能查到版本信息，就说明安装成功node -vnpm -v

3. 获取node.js模块的安装目录访问权限

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

4. 安装全局的webpack

   npm install webpack -g
   

5. 安装Vue的脚手架vue-cli

   npm install vue-cli -g
   

6. 我们首先在电脑上建立文件夹，里面就是你存放vue工程的地方cd 目标路径 //到时候直接把你的创建好的文件夹直接拖拽到终端即可

7. 我们创建一个项目

   vue init webpack-simple 项目名
   // vue init webpack-simple vuetest 不能使用中文和大写字母
   // 以后我们每次创建项目的时候，直接运行上述代码，直接把名字改掉即可
   

8. 将根目录切换到项目cd vuetest

9. 安装项目依赖
   npm install在国内我们通常使用 cnpm i == cnpm install

10. 安装vue路由模块vue-router和网络请求模块 vue-resource

    npm install vue-router vue-resource --save

11. 启动项目npm run dev

当你运行上述操作的时候，浏览器会自动跳转出一个绿色的Vue图标

我们接着下载淘宝镜像

npm install -g cnpm --registry==registry.npm.taobao.org