说明:本文已经默认安装了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项目就创建成功了。