Mac配置VUE开发环境

1、安装Homebrew

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

2、安装nodejs

brew install node

3、安装webpack

npm install webpack -g

也可以用yarn，安装速度快

npm install yarn -g
yarn install webpack -g

4、安装vue-cli

npm install vue-cli -g

问题来了，报错：

npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen)
...
...
...

说coffee-script被移动到coffeescript；百度查了，有说要给文件夹权限的，有说要安装coffeescript的，试过都不行，最后用cnpm尝试了一下，成功！

npm install -g cnpm --registry=https://registry.npm.taobao.org  //安装淘宝镜像
cnpm install vue-cli -g

5创建项目

vue init webpack vue-demo

填写项目名，项目描述，作者，创建方式？，是否安装路由，代码检查，单元测试。
然后cd 项目文件夹，运行

npm run dev

浏览器打开http://localhost:8080

Hellow Word!.png

 

 

1人点赞

 

VUE