Node.js
를 설치하는 것이 더 편리합니다. Node.js 공식 다운로드로 이동하여 단계에 따라 설치하면 됩니다Node.js
的安装比较方便,直接去Node.js官方下载,然后按照步骤安装下去即可
可以将其安装在任何目录,比如
D:\nodejs\
Node.js
自带npm
,所以不用安装
打开cmd
终端,用下列命令检查Node.js
安装是否成功:
node -v npm -v
如果出现版本号,说明Node.js
安装成功
使用下列命令可以查看npm
的配置
npm config ls
可以看到npm最初将下载的依赖包和缓存都放在C盘下,明显这是不太合适的,不过可以配置这两个目录
npm config set prefix "D:\nodejs\node_global" npm config set cache "D:\nodejs\node_cache"
右击“计算机”—>“属性”—>“高级系统设置”—>“环境变量”
在系统变量
中,设置NODE_PATH
,值为
D:\nodejs\node_global\node_modules\
在用户变量
中,修改path
,添加
D:\nodejs\node_global\
由于npm
的初始源是国外的,所以速度可能会有点慢
这里可以配置淘宝的镜像cnpm
,以后把npm
的指令改为cnpm
即可
npm install -g cnpm --registry=https://registry.npm.taobao.org
如果选了淘宝的cnmp
镜像,应该设置一下,保证正常下载工具
ng set --global packageManager = cnpm
执行如下命令
npm install -g typescript typings
检查版本号
tsc -v
angular-cli
它是Angular框架官方的一个构建工具,核心是webpack
,以及npm
做为依赖包
执行如下命令
npm install -g @angular-cli
检查版本号
ng -v
可以在nodejs下面创建一个工作空间
md D:\nodejs\workspace
然后进入工作空间
cd D:\nodejs\workspace
新建一个项目
ng new hello-world
然后在hello-world
文件夹内启动服务
ng serve
Angular服务默认监听4200
localhost:4200
Node.js
와 같은 모든 디렉터리에는 npm
이 포함되어 있으므로 설치할 필요가 없습니다cmd
를 엽니다. 터미널을 열고 다음 명령을 사용하여 Node.js
가 성공적으로 설치되었는지 확인하세요.
ng serve --open🎜버전 번호가 나타나면
Node.js
가 성공적으로 설치된 것입니다🎜🎜구성 🎜npm
의 구성을 볼 수 있습니다. 🎜rrreee🎜 npm이 처음에 다운로드한 종속성 패키지와 캐시를 C 드라이브에 배치한 것을 볼 수 있습니다. 분명히 이는 적절하지 않지만 다음 두 디렉터리를 구성할 수 있습니다🎜rrreee시스템 변수 code>에서 <code>NODE_PATH
를 설정하면 값은 🎜rrreee🎜사용자 변수
에서 path를 수정합니다.
, 추가 🎜rrreee🎜npm 미러 소스 변경 🎜🎜npm
의 초기 소스가 해외이므로 속도가 약간 느릴 수 있습니다🎜🎜타오바오 미러 cnpm
여기에서, 나중에 npm
사용 >명령어는 cnpm
🎜rrreee🎜으로 변경될 수 있습니다. Taobao의 cnmp
미러를 선택하는 경우, 도구가 정상적으로 다운로드되도록 설정해야 합니다.🎜rrreee🎜Typescript🎜🎜🎜다음과 같이 실행하세요. 🎜rrreee🎜 명령으로 버전 번호를 확인하세요. 🎜rrreee🎜Angular-cli🎜🎜🎜angular-cli
Angular 프레임워크의 공식 빌드 도구이며 핵심은 webpack
이고 npm
은 종속 패키지입니다🎜🎜다음 명령을 실행하세요🎜rrreee🎜버전 번호를 확인하세요🎜 rrreee🎜프로젝트 만들기🎜🎜🎜nodejs 아래에 작업 공간을 만들 수 있습니다🎜rrreee🎜그런 다음 작업 공간에 들어가세요🎜rrreee🎜새 프로젝트 만들기 🎜rrreee🎜그런 다음 hello-world
폴더에서 서비스를 시작하세요 🎜 rrreee🎜Angular 서비스는 기본적으로 4200
포트를 수신하고, 브라우저를 열고 🎜rrreee🎜를 입력하거나 다음 명령을 입력합니다. 기본 브라우저를 직접 엽니다🎜rrreee🎜성공적인 페이지가 나타나면 모든 구성이 성공적으로 완료되었습니다🎜🎜위 내용은 Windows 환경에서 Angular 개발 환경을 구성하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!