小编Eva*_*and的帖子

如何使用npm以最少的必需文件启动Angular2项目?

我正在关注Angular2快速入门并使用Node包管理器安装所需的库:https://angular.io/guide/quickstart

创建了一个package.json:

{
  "name": "angular2-quickstart",
  "version": "1.0.0",
  "scripts": {
    "tsc": "tsc",
    "tsc:w": "tsc -w",
    "lite": "lite-server",
    "start": "concurrent \"npm run tsc:w\" \"npm run lite\" "
  },
  "license": "ISC",
  "dependencies": {
    "angular2": "2.0.0-beta.0",
    "systemjs": "0.19.6",
    "es6-promise": "^3.0.2",
    "es6-shim": "^0.33.3",
    "reflect-metadata": "0.1.2",
    "rxjs": "5.0.0-beta.0",
    "zone.js": "0.5.10"
  },
  "devDependencies": {
    "concurrently": "^1.0.0",
    "lite-server": "^1.3.1",
    "typescript": "^1.7.3"
  }
Run Code Online (Sandbox Code Playgroud)

执行

npm install
Run Code Online (Sandbox Code Playgroud)

但是npm install命令下载了很多文件,例如"node_modules\angular2"是32MB(可能是原始资源和其他东西包括在内?),尽管index.html只需要少数几个,例如angular2.dev.js只有1MB:

<!-- 1. Load libraries -->
<script src="node_modules/angular2/bundles/angular2-polyfills.js"></script>
<script src="node_modules/systemjs/dist/system.src.js"></script>
<script src="node_modules/rxjs/bundles/Rx.js"></script>
<script src="node_modules/angular2/bundles/angular2.dev.js"></script>
Run Code Online (Sandbox Code Playgroud)

我希望quickstart项目不占用这么多磁盘空间.有没有办法告诉npm只下载"捆绑包"或最小化版本,还是有办法在生产包装时优化node_modules目录?

javascript npm angular

14
推荐指数
1
解决办法
9064
查看次数

WebStorm中的WebStorm和PHP语法高亮显示

我有WebStorm并且非常喜欢它.我不经常使用PHP,但我正在开发一个使用它的项目......

所以,我正试图在WebStorm中获得基本的语法高亮.

我已经尝试过使用这个插件(不兼容):

http://plugins.jetbrains.com/plugin/6610

我遵循了这些主题中的步骤:

Webstorm:如何扩展以正确处理PHP文件甚至只是高亮代码?

是否有可能在PHPStorm中获得Ruby语法高亮?

我正在使用这个textmate包:

https://github.com/textmate/php.tmbundle

它被WebStorm识别,并且正确的文件与TextMate包相关联,但我仍然没有语法突出显示.

在这一点上,我只是写了所有的东西而没有突出显示,但似乎有点嘲笑我无法让它工作.

我发了一封电子邮件给技术支持,他们只是回头指出那些资源然后建议我买PHPStorm.IDE一直建议我购买IntelliJ IDEA Ultimate.

还有其他人遇到过这个问题吗?

syntax-highlighting textmatebundles webstorm

9
推荐指数
1
解决办法
8446
查看次数

如何在WebStorm中启用ES6 +语法?

我正在使用WebStorm和ES6 +语法.如何让WebStorm识别ES6 +?

例如,'让'.

webstorm ecmascript-6

9
推荐指数
1
解决办法
4317
查看次数

npm start无法打开浏览器选项卡

我正在学习angularjs 2.我想从他们的官方网站在angularjs 2中首次申请.所以我从这里跟随所有人https://angular.io/guide/quickstart.现在在步骤6中我必须在终端中运行命令'npm start'.它给我的结果像终端一样 -

$ npm start

> angular-quickstart@1.0.0 start D:\Sadiq\Res\Angularjs__2\angularQ
> tsc && concurrently "tsc -w" "lite-server"

[1] Did not detect a `bs-config.json` or `bs-config.js` override file. Using lite-server defaults...
[1] ** browser-sync config **
[1] { injectChanges: false,
[1]   files: [ './**/*.{html,htm,css,js}' ],
[1]   watchOptions: { ignored: 'node_modules' },
[1]   server: { baseDir: './', middleware: [ [Function], [Function] ] } }
[1] [BS] Access URLs:
[1]  -------------------------------------
[1]        Local: http://localhost:3002
[1]     External: http://192.168.2.93:3002
[1]  ------------------------------------- …
Run Code Online (Sandbox Code Playgroud)

node.js npm typescript lite-server angular

9
推荐指数
1
解决办法
4257
查看次数

在JavaScript中使用科学记数法的陷阱

这个问题不是寻求开发人员代码格式化意见.就个人而言,我更喜欢在我的JS代码中使用科学记数法,因为我相信它更具可读性.对我来说,6e8更具可读性600000000.话虽这么说,我只是在寻找JS中用科学记数法指定数字的潜在风险和缺点.我不经常在野外看到它,并且想知道是否有技术推理,或仅仅是因为开发人员的笨蛋.

javascript syntax scientific-notation

9
推荐指数
1
解决办法
432
查看次数

AngularJS 2错误:未定义enableProdMode

我使用https://angular.io/guide/quickstart开始学习Angular2,但我注意到控制台日志"Angular 2正在开发模式下运行.调用enableProdMode()来启用生产模式." 所以我添加到main.ts如下.

import { bootstrap }    from '@angular/platform-browser-dynamic';
import { AppComponent } from './app.component';
enableProdMode();
bootstrap(AppComponent);
Run Code Online (Sandbox Code Playgroud)

现在浏览器出错了

enableProdMode未定义(...)

所以我发现这篇文章https://github.com/angular/angular/issues/6096.

看起来我做得对,并在其他人工作,所以也许我的包文件或npm模块有什么问题?请帮忙,或者您知道哪个模块正在使用enableProdMode?

angularjs angular

8
推荐指数
1
解决办法
1543
查看次数

","在javascript中的对象中的单个元素的末尾是非法的?

我想知道为什么在JavaScript数组中将逗号放在单个元素的末尾是合法的:

var array = [
    'foo', // no error in IDE
]
Run Code Online (Sandbox Code Playgroud)

将它放在对象中单个元素的末尾是非法的(至少我的IDE - WebStorm - 正在标记错误):

var object = {
    'foo': 'bar', // error in IDE
}
Run Code Online (Sandbox Code Playgroud)

这在JavaScript中是非法的吗?

javascript

7
推荐指数
2
解决办法
519
查看次数

WebStorm中的Spy-JS无法捕获

我正在使用带有Spy-js集成的WebStorm 8
(更多http://blog.jetbrains.com/webstorm/2014/04/spy-js-webstorm-secret-service/)

当我从IDE运行配置运行SpyJS时,我无法捕获请求

组态

当我通过本地代理模式访问URL时,http://localhost:3546/?spy-js=localhost:9000它可以工作,但有其局限性...(更多https://github.com/spy-js/spy-js#local-proxy)

系统代理似乎配置正确:

在此输入图像描述

内容http://localhost:3546/spy-js-proxy.pac

function FindProxyForURL(url, host) { return "PROXY localhost:3546; DIRECT"; }
Run Code Online (Sandbox Code Playgroud)

从WebStorm跟踪代理日志

/usr/local/bin/node /opt/homebrew-cask/Caskroom/webstorm/8.0.0/WebStorm.app/plugins/spy-js/server/spy.js --port=3546
session store created: /var/folders/gm/r9vjzd1926v4sxdv54c9tl240000gn/T/spy-js-session114324-29723-1xl36wv
Starting 8 workers..
info: socket.io started
spy-js has started, proxy is available at http://localhost:3546
session (qzj9e): new session created: qzj9e
session (qzj9e): dynamic config created: /var/folders/gm/r9vjzd1926v4sxdv54c9tl240000gn/T/114324-29723-1yo5izj.js
session (qzj9e): new session started: qzj9e
Worker 29770 ready.
Worker 29768 ready.
Worker 29769 ready.
Worker 29771 ready.
Worker 29773 ready. …
Run Code Online (Sandbox Code Playgroud)

javascript proxy webstorm

6
推荐指数
1
解决办法
1832
查看次数

如何创建配置文件(tsconfig.json,typings.json,package.json)?

我可以从https://angular.io/guide/quickstart复制这些文件.

但我想更多地了解这些文件.

我们如何手动创建它?

从哪里可以了解更多关于这些文件的信息?

angular

6
推荐指数
1
解决办法
4836
查看次数

有没有办法在WebStorm中启用可选链接运算符的支持

我在一个项目中工作,我们使用可选的链接运算符(也称为Elvis运算符):

const baz = new obj?.foo?.bar?.baz()
Run Code Online (Sandbox Code Playgroud)

这是让WebStorm理解它的一种方式吗?

PS这是stage-1提案的一部分:https://github.com/tc39/proposal-optional-chaining

javascript jetbrains-ide webstorm ecmascript-next

6
推荐指数
1
解决办法
619
查看次数