windows环境下创建一个Angular2项目

说明:本文已经默认安装了node.js、Angular2。同时使用了cnpm镜像。如果没有安装的话,大家可以去看一下大漠穷秋老师的新手视频。(优酷里面就有)

第一步,项目路径

通过cmd切换到想要创建项目的目录下。(推荐使用vscode,通过调试控制台Ctrl+shift+y,可以直接切换到当前目录)

第二步,创建项目

输入指令:

ng new Angular2_1

然后回车。

出现错误提示

F:\Angular2>ng new Angular2_1
Project name “Angular2_1” is not valid. New project names must start with a letter, and must contain only alphanumeric characters or dashes. When adding a dash the segment after the dash must also start with a letter.
Angular2_1
^

错误原因就是(”-“和 “_”)后面必须以字母开头。

更改项目名称:

ng new Angular2-my1

回车,出现以下提示表示创建成功。

installing ng
create src\environments\environment.prod.ts
create src\environments\environment.ts
create src\favicon.ico
create src\index.html
create src\main.ts
create src\polyfills.ts
create src\styles.css
create src\test.ts
create src\tsconfig.app.json
create src\tsconfig.spec.json
create src\typings.d.ts
create .angular-cli.json
create e2e\app.e2e-spec.ts
create e2e\app.po.ts
create e2e\tsconfig.e2e.json
create .gitignore
create karma.conf.js
create package.json
create protractor.conf.js
create tsconfig.json
create tslint.json
Successfully initialized git.
Installing packages for tooling via npm.

注意:由于Angular2默认依赖npm进行安装,对于国内的同学来说一般都要等很久很久,所以我们可以手动来安装。

第三步,手动安装Angular2依赖包

在控制台中,按“Ctrl+c”,出现以下提示:

^C终止批处理操作吗(Y/N)?

输入Y,并回车。

路径切换

路径切换到“package.json”文件所在的位置(其实就是打开项目的路径)
我的路径为:F:\Angular2\Angular2-my1
如果出现以下提示,一般是你路径没找对(如果是package.json丢失,建议重新安装):

npminstall WARN package.json not exists: F:\Angular2\package.json

Angular2依赖包是通过package.json来进行安装的,如无必要,一般不要修改这个文件。

在控制台输入:

F:\Angular2\Angular2-my1>cnpm install

出现以下提示,表示安装成功。

√ Installed 30 packages
√ Linked 0 latest versions
√ Run 0 scripts
√ All packages installed (used 131ms, speed 0B/s, json 0(0B), tarball 0B)

在国内来说,一般情况下,使用cnpm安装要快过npm安装。翻墙什么的就另当别论了。

至此一个Angular2项目就创建成功了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值