美文网首页
Mac配置VUE开发环境

Mac配置VUE开发环境

作者: 变异宝宝 | 来源:发表于2019-01-22 14:16 被阅读0次

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

相关文章

网友评论

      本文标题:Mac配置VUE开发环境

      本文链接:https://www.haomeiwen.com/subject/mzpljqtx.html