美文网首页
0. Windows 7搭建Vue.js开发环境-(墙内爬坑)

0. Windows 7搭建Vue.js开发环境-(墙内爬坑)

作者: 金哲虎 | 来源:发表于2017-12-01 13:59 被阅读14次

命令行工具
Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用

  1. npm install -g vue-cli //全局安装 vue-cli
  2. vue init webpack my-vue //创建一个基于 webpack 模板的新项目,默认回车即可
  3. 现在这个步骤很重要,很多同学无法安装成功原因很可能就是因为这个步骤。
  4. 打开 package.json找到"chromedriver": "^2.27.2"把这个先删除掉。
  5. 手动创建目录 my-vue\node_modules\chromedriver\bin my-vue是我的项目目录
  6. 下载chromedriver_win32.zip(百度网盘),解压后拖放到my-vue\node_modules\chromedriver\bin目录下
  7. npm install
  8. 打开 package.json重新写入"chromedriver": "^2.27.2"
  9. npm run dev
  10. http://localhost:8080 现在就可以访问了。但只能在本地访问,如果是在服务器上开发那就没办法访问了。
  11. 修改方法vi config/index.js=>host: localhost, =>·host: 0.0.0.0, 好了,现在可以从外网访问了。

相关文章

网友评论

      本文标题:0. Windows 7搭建Vue.js开发环境-(墙内爬坑)

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