博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
vue + webpack项目创建
阅读量:7081 次
发布时间:2019-06-28

本文共 973 字,大约阅读时间需要 3 分钟。

hot3.png

一、Node.js安装及环境配置之Windows篇:

http://www.jianshu.com/p/03a76b2e7e00

 

二、安装淘宝镜像:

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

以后安装插件可直接:cnpm install + 插件名

如果某镜像下载不下来,直接去下载该文件的源码

        例如:js-beautify-1.7.0

        下载地址(github):

        https://github.com/beautify-web/js-beautify/tree/v1.7.0

 

三、安装Webpack [-g 全局安装]:

npm install webpack -g

报错了,不打紧,是因为 fsevent是mac osx系统的,在win或者Linux下使用了 所以会有警告,忽略即可

173859_ORe9_2811278.png

 

四、安装脚手架工具 vue-cli [-g 全局安装]:

npm install -g vue-cli

查看版本[注意大写V]:vue -V

 

五、创建一个webpack项目:

vue init webpack property

181234_1AwJ_2811278.png

 

六、来,启动下:

  • cd property
  • npm install

报错了:

181434_0Pim_2811278.png

摘自:https://segmentfault.com/a/1190000008310875

经分析发现,某些版本下,chromedriver 的 zip 文件 url 的响应是 302 跳转,而在 install.js 里使用的是 Node.js 内置的 http 对象的 get 方法无法处理 302 跳转的情况;而在另外一些情况下,则是因为 googleapis.com 被墙了,此时即使采用科学上网的方法也仍然无法获取文件。

无论是上述哪种情况,可以使用下面的命令安装:

npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

然后重新npm install

  • npm run dev

182100_BY5w_2811278.png

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

 

转载于:https://my.oschina.net/AmosWang/blog/1585831

你可能感兴趣的文章
安装Redis
查看>>
Zend不支持php5.3、不支持Windows下非线程安全PHPFastCGI
查看>>
python查找并批量替换配置文件内容
查看>>
把1到100的数字拆分成字典中的两个键值对 python
查看>>
秒开缓存盒子
查看>>
晒奖品--参加《寻找隐藏在F1背后的IT“引擎”》家园有奖活动获奖
查看>>
linux 运维中常用的shell命令
查看>>
镜像YUM安装仓库(转载唐老师的github)
查看>>
再谈CENTOS下通过YUM和RPM快速获取相关工具(命令)所在软件包并安装
查看>>
如何合并多个excel文件
查看>>
我的友情链接
查看>>
剪贴板(进程通信)
查看>>
ISA2006端口映射
查看>>
ubuntu11.10关不了机解决办法
查看>>
我的友情链接
查看>>
ASP.NET Core托管和部署Linux实操演练手册
查看>>
Hibernate+Spring整合使用二级缓存
查看>>
Cookie和Session的作用,区别和各自的应用范围,cookie、Session工作原理
查看>>
Python实用脚本(1):读取Properties文件
查看>>
maven项目 用jetty启动简单配置启动maven项目
查看>>