使用WebStorm调试html文件出错

随便起个名字2017 2014-08-27 11:31:57

在WebStorm中新建了一个工程，包含一个html文件，一个js文件，在Webstorm中直接运行html文件会出错，单独在文件夹中运行html文件就正常，这是怎么回事。
新手，求指导，多谢。

...全文

2534 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

wyh2015 2015-04-22

打赏
举报

回复

我也遇到了这样的问题，解决了么，怎么弄的，求帮助

zzjyingzi 2015-04-22

打赏
举报

回复

编码格式？另存下试试。

随便起个名字2017 2014-08-27

打赏
举报

回复

有没有大神帮帮忙

IONIC 功能全演示 ===================== - 使用Ionic提供的UI 组件。Ionic本身是致力于建立统一的移动混合app构建平台，核心基础是Angular+Cordova。 - 通过Angular指令封装，以及预定义的CSS，提供了开箱即用的HTML5 Mobile组件。 - 构建与开发支持，能够直接运行www目录下的index.html进行开发调试。同时也支持发布人员利用gulp构建输出到dist目录 - 利用gulp，同样演示了单元测试以及场景测试。 - [在线演示，内有地址二维码，可手机浏览](http://1.thm1118.sinaapp.com/static/ionic/www/index.html) ## 预览 ![信息卡片](screenshot/card.png) ![下拉刷新](screenshot/pullrefress.png) ![表单元素](screenshot/form.png) ![菜单](screenshot/menu.png) ![列表左滑按钮](screenshot/option.png) ![弹出层](screenshot/pop.png) ![tab](screenshot/tab.png) ![幻灯](screenshot/slide.png) ![图片水平滚动](screenshot/hscroll.png) ![毛玻璃效果](screenshot/blure.png) ![2000条数据搜索](screenshot/search.png) ![输入自动完成](screenshot/autocomplete.png) ![列表自动分组](screenshot/autogroup.png) ![媒体相册](screenshot/galaxy.png) ![chartjs统计图](screenshot/chartjs.png) ![百度统计图](screenshot/echat.png) ![图片延时加载](screenshot/imageload.png) ## 基础环境纯webapp运行或演示，只需要一个 web server部署即可。 ## 目录结构说明 - www 目录：源码目录 - dist目录：构建输出目录 ## 利于开发，测试和打包部署的nodejs环境简单开发可以不依赖nodejs环境。但是有了基于nodejs的javascript完整开发周期环境，会极大提升开发效率，保障质量。 - nodejs 最新版。 - 有些node包的安装需要c++编译，x86版本只需要 x86的C++编译器，windows上的x64 c++编译器需要特别设置。 - npm 会很慢，要么使用代理，要么使用国内镜像，比如 [淘宝镜像](http://npm.taobao.org/) , 使用淘宝镜像后，npm命令需要替换成cnpm命令。 - `npm install -g gulp` - `npm install -g ionic` - 如需编译sass的话，安装 [ruby](https://www.ruby-lang.org/zh_cn/),再执行 `gem install sass`（如遇到ssl错误，修改为http源：gem source -a http://rubygems.org/） - `npm install -g node-gyp` - 有的node包依赖python编译，安装 [python2.7](https://www.python.org/) - c++编译环境[MSVStudio 免费版](https://www.visualstudio.com/downloads/download-visual-studio-vs#d-express-windows-desktop).。注意根据studio不同版本指定 --msvs_version=2013 选项 - 安装项目开发依赖包，在项目根目录下运行 `npm install` ### “所见即所得”式开发 - 在项目根目录下运行 `ionic serve`，即可在www目录下开展“所见即所得”的方式开发 - 另外一种方式，在webstorm里对index.html 按debug运行，同样是“所见即所得”的方式开发 ### CROS支持 - 生产环境的 CROS支持要么使用jsonp技术，要么在服务端设置代理。 - 而开发环境下要么基于不安全做法，服务端api 设置头`Access-Control-Allow-Origin:*" `，要么按如下便捷设置：基于`ionic serve`, 可以在开发时使用本地代理。ionic.project 内设

爆栈系统开发技术栈、Web前端开发技术栈、数据库技术栈、.NET技术栈！ http://overflowstack.github.i o 本地化 English: https://github.com/unruledboy/WebFrontEndStack/ 中文博客: http://www.cnblogs.com/unruledboy/p/WebFrontEndStack.html Español: https://github.com/unruledboy/WebFrontEndStack/blob/master/README.es-es.md Web前端技术栈比较全面的浏览器、平台、类库、框架、工具等。自行生成预览图准备环境您应该安装Visual Studio 2010 。安装 nodejs. 安装 Phantomjs. 安装 Python 2.7. npm install 如果出现错误，您可以检查 [phantomjs-node] 的依赖(https://github.com/sgentle/phantomjs-node/wiki), node-gyp. 运行命令 npm start 运行服务并直接打开主html文件。 npm run build 生成预览图。选项 -h, --help Display this message. -p, --port number (Default: 3000) Set the port what express listening. -ues, --update_existed_stargazers (Default: false) Update project's stargazers including existed. --phantomjs The task to generate the image. --readme The task to update readme. --updatestargazers The task to update the count of the stargazers. 为什么？大家是否想过： Web前端开发究竟包含哪些技术呢？我所掌握的技术这个子集，在Web前端技术大系这个超集里面占的比例是多少呢？我究竟还没有掌握多少Web前端技术呢？面试的时候会考哪些技术呢？那么，Web前端开发是否也应该有这样的技术栈概览图呢？搜索了很久，没有找到一个符合我要求的“较为全面”地表述Web前端技术大系的图表。所以我们自行设计了这个Web前端技术栈。这个图表里的分类未必准确，相关技术也难免会有遗漏，欢迎大家指点以便不断改进。 Web前端技术实在太繁多限于篇幅，，这里没有罗列一些技术。您可以点击下面链接查看交互式预览图(用鼠标移动/缩放/点击节点打开相关网站)： https://rawgit.com/unruledboy/WebFrontEndStack/master/ux/WebFrontEndStack.htm?locale=zh-cn Web前端技术栈 Web前端开发技术栈 Electron [GitHub] NW.js [GitHub] PhoneGap / Cordova [GitHub] MUI [GitHub] React Native [GitHub] Ionic [GitHub] CoffeeScript [GitHub] TypeScript [GitHub] ClojureScript [GitHub] JSX (Facebook) Sandbox XSS CORS SEO Responsiveness CDN Normalize [GitHub] Reset Handlebars [GitHub] Haml [GitHub] Slim [GitHub] Jade [GitHub] Ejs Spacebars mustache [GitHub] babel [GitHub] LESS Sass(SCSS) Stylus LESS [GitHub] Hat [GitHub] Compass [GitHub] Bourbon [GitHub] Gumby [GitHub] nib [GitHub] 基础库模块化框架 UI框架 WebSocket 数据可视化 WebGL CSS3 动画流程控制函数式编程手机 UI 框架 jQuery [GitHub] Prototype [GitHub] Zepto [GitHub] MooTool [GitHub] umd [GitHub] RequireJS [GitHub] webpack [GitHub] browserify [GitHub] ES6 Module CommonJS AMD UMD AngularJS [GitHub] Backbone [GitHub] Knockout [GitHub] Ember [GitHub] React [GitHub] polymer [GitHub] Deft.js [GitHub] Vue [GitHub] Riot [GitHub] Bootstrap [GitHub] Semantic UI [GitHub] Foundation [GitHub] Material UI [GitHub] WinJS [GitHub] Pure [GitHub] Amaze UI [GitHub] Socket.io [GitHub] web-socket-js [GitHub] D3 [GitHub] Echarts [GitHub] HighCharts [GitHub] Vis.js [GitHub] Flot [GitHub] Three.js [GitHub] Babylon.js [GitHub] Pixi.js [GitHub] Animate.css [GitHub] bounce.js [GitHub] Effeckt.css [GitHub] move.js [GitHub] Bluebird [GitHub] q [GitHub] when.js [GitHub] yield await Promise Generator ES6 ES7 async [GitHub] co [GitHub] Promise bacon.js [GitHub] immutable.js [GitHub] ramda [GitHub] underscore.js [GitHub] lodash [GitHub] ReactiveX [GitHub] jQuery Mobile [GitHub] Jo [GitHub] Dojo Mobile Lungo [GitHub] 工具在线工具 QUnit [GitHub] Jasmine [GitHub] Mocha [GitHub] Selenium [GitHub] WebDriverIO [GitHub] Protractor Chai [GitHub] Sinon.JS [GitHub] Karma [GitHub] nodeunit [GitHub] tape [GitHub] nightmare [GitHub] Sauce Labs Browser Stack Browser Shots Browserling Browser Sandbox Cross Browser Testing Browsera SortSite npm [GitHub] Bower [GitHub] JSLint [GitHub] JSHint [GitHub] jscs [GitHub] Closure Linter Node.js [GitHub] Phantom.js [GitHub] SpiderMonkey Developer Tools Firebug [GitHub] Grunt [GitHub] Gulp [GitHub] Brunch [GitHub] Yeoman Broccoli [GitHub] 精简编译合并混淆图像优化单元测试 Sublime Text WebStorm Atom [GitHub] Vim Emacs Brackets [GitHub] Light Table [GitHub] Visual Studio Visual Studio Code [GitHub] Dreamweaver ;-) FrontPage / SharePoint Designer ;-) Cookie Local Cache Session Storage Local Storage Components Resources Extensions Plugins Images Icons Fonts Audios Videos JScript (IE8- / ASP) Chakra (IE9 / Edge) V8 (Chrome / Opera / Nodejs / MongoDB) [GitHub] SpiderMonkey (Firefox) Nitro (Safari) Trident (IE) Blink / prev. WebKit (Chrome) Gecko (Firefox) WebKit (Safari) Blink / prev. Presto (Opera) EdgeHTML (Edge) HTML JavaScript CSS DOM Element Attribute Prototype Scope Closure JSON (JavaSript Object Notation) AJAX (Asynchronous JavaScript and XML) Selector Priority Specificity Box Model W3C HTML CSS XHTML XML HTML (HyperText Markup Language) CSS (Cascading Style Sheets) JavaScript HTTP/1.1 HTTP/2 WebSocket 链接会话授权请求响应压缩打包服务器端推送 Internet Explorer Chrome Firefox Safari Opera Edge Netscape ;-) 浏览器协议 Web三剑客标准核心概念渲染引擎脚本引擎运行时编辑器编译任务编译工具调试基础工具质量控制包管理测试库 / 框架 CSS 预处理器未来标准模板引擎统一化最佳实践安全中间语言移动应用开发桌面应用开发标签：爆栈网技术栈

课程设计的初衷主要是为了帮助0基础的小白快速入门,同时每次去高校授课的时候发现学生基础不够扎实所以结合了这两点设计出本套课程,讲解方式主要使用到Webstorm开发工具及XMind思维导图通过通俗易懂简单明了的讲解模式带领大家快速入门HTML4+CSS基础内容

关于 WebStorm 打开 HTML 文件出现 404 Not Found 的情况关于 WebStorm 打开 HTML 文件出现 404 Not Found 的情况文章目录一：问题描述二：解决方案三：原因分析四：其它解决方案一：问题描述今天遇到一个问题，我在桌面上新建了一个 HTML 类型的文件，然后在 WebStorm 上打开该文件，浏览器一直提示 404 Not Found，如下图所示但是...

1.第一种情况是你的端口号错误。你可以到设置里面找到调试器（第四个可以展开的按钮里面），找到端口号，把端口号改成8080（默认），再勾选旁边的按钮（可以接受外部链接）。 2.你的文件命名方式不对，最好的文件名中不能有不可识别的符号和汉字。 3.你的文件在桌面上，没有在文件夹里。可以新建一个文件夹，把文件放在里面。 ...

39,087

社区成员

5,547

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章