Vue.js入门（三）---在Mac下搭建Vue.js开发环境

默认安装好brew的情况下

1、使用homebrew安装node.js

brew install node

2、检查是否安装成功

node -v

v12.10.0

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

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

4、安装阿里npm镜像

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

5、安装webpack

cnpm install webpack -g

6、安装vue脚手架

cnpm install vue -cli -g

7、报错

zsh: command not found: vue

执行

 sudo cnpm install -g vue-cli

All packages installed (239 packages installed from npm registry, used 17s(network 17s), speed 305.24kB/s, json 223(431.24kB), tarball 4.53MB)
[vue-cli@2.9.6] link /usr/local/bin/vue@ -> /usr/local/lib/node_modules/vue-cli/bin/vue
[vue-cli@2.9.6] link /usr/local/bin/vue-init@ -> /usr/local/lib/node_modules/vue-cli/bin/vue-init
[vue-cli@2.9.6] link /usr/local/bin/vue-list@ -> /usr/local/lib/node_modules/vue-cli/bin/vue-list

添加环境变量

open .bash_profile

export PATH="$PATH:/usr/local/bin"

 8、创建vue项目

Arithmetic@qingjiaowosuanshujiadeMacBook-Pro Jia_Vue % vue init webpack jia_vue

9、一路回车 Y

Target directory exists. Continue? (Y/n)直接回车默认(然后会下载 vue2.0模板，这里可能需要连代理) 

Project name (jia_vue)直接回车默认 

Project description (A Vue.js project) 直接回车默认

Author 写你自己的名字

10、在项目目录下，安装 vue 路由模块vue-router和网络请求模块vue-resource

cnpm install vue-router vue-resource --save

11、在项目目录下，安装项目依赖

cnpm install

12、进入objectname启动

cd jia_vue

cnpm run dev