2016-09-20 117 views
0

OK我难倒:有一个基本的,最小的,工作角2教程适用于Visual Studio 2015年enter image description here实际工作?角2 - 斜面负荷演示库(Visual Studio的2015年)

我已经尝试了许多教程包括官方之一: https://angular.io/docs/ts/latest/cookbook/visual-studio-2015.html

信不信由你,在写这篇文章这个例子不工作的时间 - 抛出一个404在NPM包引用大量依赖.json文件(对于其他人来说,他们引用了很多beta版或不存在的引用)。

我的意思是,你在哪里实际上从下载角2分型?它们当然不会在官方网站上与其他库一起列出:https://code.angularjs.org/

在Visual Studio中创建Angular 2应用程序似乎非常复杂,它不需要大量的依赖关系并且实际工作。

难道只是我或者是在VS开发社区的其他成员遇到了同样的?

输出NPM的package.json:

npm WARN package.json [email protected] No README data 
npm http GET https://registry.npmjs.org/core-js 
npm http GET https://registry.npmjs.org/bootstrap 
npm http GET https://registry.npmjs.org/reflect-metadata 
npm http GET https://registry.npmjs.org/zone.js 
npm http GET https://registry.npmjs.org/systemjs 
npm http GET https://registry.npmjs.org/angular2-in-memory-web-api 
npm http GET https://registry.npmjs.org/http-server 
npm http GET https://registry.npmjs.org/lite-server 
npm http GET https://registry.npmjs.org/canonical-path 
npm http GET https://registry.npmjs.org/jasmine-core 
npm http GET https://registry.npmjs.org/karma-chrome-launcher 
npm http GET https://registry.npmjs.org/karma-htmlfile-reporter 
npm http GET https://registry.npmjs.org/angular/core 
npm http GET https://registry.npmjs.org/angular/compiler 
npm http GET https://registry.npmjs.org/angular/common 
npm http GET https://registry.npmjs.org/angular/platform-browser 
npm http GET https://registry.npmjs.org/angular/platform-browser-dynamic 
npm http GET https://registry.npmjs.org/angular/http 
npm http GET https://registry.npmjs.org/angular/forms 
npm http GET https://registry.npmjs.org/angular/router 
npm http GET https://registry.npmjs.org/angular/upgrade 
npm http GET https://registry.npmjs.org/karma-cli 
npm http GET https://registry.npmjs.org/karma-jasmine 
npm http GET https://registry.npmjs.org/rxjs 
npm http GET https://registry.npmjs.org/lodash 
npm http GET https://registry.npmjs.org/typescript 
npm http GET https://registry.npmjs.org/tslint 
npm http GET https://registry.npmjs.org/typings 
npm http GET https://registry.npmjs.org/karma 
npm http GET https://registry.npmjs.org/protractor 
npm http GET https://registry.npmjs.org/rimraf 
npm http GET https://registry.npmjs.org/concurrently 
npm http 304 https://registry.npmjs.org/systemjs 
npm http 304 https://registry.npmjs.org/zone.js 
npm http 304 https://registry.npmjs.org/core-js 
npm http 304 https://registry.npmjs.org/reflect-metadata 
npm http 304 https://registry.npmjs.org/angular2-in-memory-web-api 
npm http 200 https://registry.npmjs.org/http-server 
npm http 304 https://registry.npmjs.org/lite-server 
npm http 304 https://registry.npmjs.org/jasmine-core 
npm http 304 https://registry.npmjs.org/karma-chrome-launcher 
npm http 304 https://registry.npmjs.org/bootstrap 
npm http 304 https://registry.npmjs.org/karma-htmlfile-reporter 
npm http 304 https://registry.npmjs.org/canonical-path 
npm http 404 https://registry.npmjs.org/angular/core 
npm ERR! 404 Not Found 
npm ERR! 404 
npm ERR! 404 'angular/core' is not in the npm registry. 
npm ERR! 404 You should bug the author to publish it 
npm ERR! 404 It was specified as a dependency of 'angular-quickstart' 
npm ERR! 404 
npm ERR! 404 Note that you can also install from a 
npm ERR! 404 tarball, folder, or http url, or git url. 
npm ERR! System Windows_NT 6.2.9200 
npm ERR! command "C:\\Program Files (x86)\\Microsoft Visual Studio 14.0\\Common7\\IDE\\Extensions\\Microsoft\\Web Tools\\External\\\\node\\node" "C:\\Program Files (x86)\\Microsoft Visual Studio 14.0\\Common7\\IDE\\Extensions\\Microsoft\\Web Tools\\External\\npm\\node_modules\\npm\\bin\\npm-cli.js" "install" 
npm ERR! cwd D:\www\WebApplication1\WebApplication1 
npm ERR! node -v v0.10.31 
npm ERR! npm -v 1.4.9 
npm ERR! code E404 
npm http 404 https://registry.npmjs.org/angular/platform-browser 
npm http 404 https://registry.npmjs.org/angular/platform-browser-dynamic 
npm http 404 https://registry.npmjs.org/angular/http 
npm http 404 https://registry.npmjs.org/angular/compiler 
npm http 404 https://registry.npmjs.org/angular/router 
npm http 404 https://registry.npmjs.org/angular/upgrade 
npm http 404 https://registry.npmjs.org/angular/common 
npm http 304 https://registry.npmjs.org/karma-cli 
npm http 304 https://registry.npmjs.org/karma-jasmine 
npm http 304 https://registry.npmjs.org/rxjs 
npm http 304 https://registry.npmjs.org/typescript 
npm http 304 https://registry.npmjs.org/tslint 
npm http 404 https://registry.npmjs.org/angular/forms 
npm http 304 https://registry.npmjs.org/karma 
npm http 304 https://registry.npmjs.org/protractor 
npm http 200 https://registry.npmjs.org/lodash 
npm http 304 https://registry.npmjs.org/typings 
npm http 304 https://registry.npmjs.org/concurrently 
npm http 200 https://registry.npmjs.org/rimraf 
npm 

====npm command completed with exit code 1==== 
+0

您是否尝试更新'node'和'npm'版本? https://angular.io/docs/ts/latest/quickstart.html#!#prereq'我们的例子中需要节点v5.xx或更高,NPM的3.xx或higher' – yurzui

+0

是的,从这里最新和最伟大V6:HTTPS ://nodejs.org/en/ – MarzSocks

+0

你能打印'node -v'和'npm -v'吗? – yurzui

回答

0

的Visual Studio 2015年是随一些外部工具。因此,尽管安装了最新版本的Node,但它使用的是自带的版本,这些版本自然是过时的。

为了让VS使用最新安装的版本我做了以下内容:

  • 公开赛:工具 - >选项
  • 查找:外部Web工具
  • 地址:$(PATH)的TOP列表(或外部工具上面的路径)

欲了解更多信息请阅读这篇文章: https://blogs.msdn.microsoft.com/webdev/2015/03/19/customize-external-web-tools-in-visual-studio-2015/