使angular/cli在Windows环境下可用

直到能在Windows环境下使用angular/cli。

由于在Windows10上尝试从头安装angular/cli时遇到了各种问题,所以我写下了这篇备忘录。

2017/06/09
支持yarn
Node 8.1.0
Yarn 0.24.6
Angular/CLI 1.1.1

0. 预先准备

没有。

我在一个几乎全新的VMware上进行确认,同时进行写作。
(Windows10 x64 版本1703,构建号为15063.332,只安装了VMWareTools)

1. 节点.js .js)

确保能够进行软件包管理和版本管理。
首先安装类似于Windows版的yum或apt-get的软件chocolatey。
以管理员权限打开PowerShell,并使用以下命令来检查策略。

$ Get-ExecutionPolicy
Restricted

如果结果为“Restricted”,则可以使用以下命令来安装外部工具。

$ Set-ExecutionPolicy Bypass
実行ポリシーの変更
実行ポリシーは、信頼されていないスクリプトからの保護に役立ちます。実行ポリシーを変更すると、about_Execution_Policies
のヘルプ トピック (http://go.microsoft.com/fwlink/?LinkID=135170)
で説明されているセキュリティ上の危険にさらされる可能性があります。実行ポリシーを変更しますか?
[Y] はい(Y)  [A] すべて続行(A)  [N] いいえ(N)  [L] すべて無視(L)  [S] 中断(S)  [?] ヘルプ (既定値は "N"): Y

现在可以安装chocolatey了,使用以下命令来进行安装。

使用以下本地化的中文表达重述上述句子:
$ iex ((新建对象系统.网页下载器).下载字符串(‘https://chocolatey.org/install.ps1’))。

接下来安装Node.js版本控制工具nodist。
$ cinst nodist -y
安装完成后关闭并重新打开PowerShell。
重新打开后,输入以下命令进行nodist的初始设置。(截至2017年06月09日)

$ nodist -v
0.8.8
$ nodist 8.1.0
8.1.0
$ nodist npm 5.0.3
5.0.3

确认如下

$ nodist
  (x64)
  7.2.1
> 8.1.0 (global: 8.1.0)
$ nodist npm
  4.0.5
> 5.0.3  (global: 5.0.3)

这样你就完成了node.js的配置。

如果不使用npm而是使用Yarn的话。

由于angular/cli默认的包管理工具已从npm更改为YARN,因此需要编写YARN的安装方法。可以使用以下命令在chocolatey上安装YARN。
$ cinst yarn -y
安装完成后,重新打开PowerShell并进行安装确认。

$ yarn -v
yarn install v0.24.6
[1/4] Resolving packages...
success Already up-to-date.
Done in 0.93s.

2. python2.x.x,MSBuild

在angular-cli中使用node-gyp需要2.x.x版本的Python和MSBuild。
有一个可以自动安装这两个的包,可以使用它。
使用下面的命令可以自动完成设置。

    • YARN $ yarn global add windows-build-tools

 

    npm $ npm install –global windows-build-tools

Python和MSBuild的设置已经完成。

如果安装的是Node.js的64位版本,则可以按照以下方法将Python设置为64位版本。

请从以下链接下载64位版本的Python,并按照安装程序进行安装。
https://www.python.org/ftp/python/2.7.13/python-2.7.13.amd64.msi
安装完成后,请使用以下命令更改npm的路径。
$ npm config set python C:\Python27\ –global

3. angular/cli (Angular命令行界面)

在安装angular/cli之前,必须清除缓存。

    YARN
$ yarn cache clean
$ yarn global add @angular/cli
    npm
$ npm --global cache clean
$ npm install --global @angular/cli

确认如下

$ ng -v
    _                      _                 ____ _     ___
   / \   _ __   __ _ _   _| | __ _ _ __     / ___| |   |_ _|
  / △ \ | '_ \ / _` | | | | |/ _` | '__|   | |   | |    | |
 / ___ \| | | | (_| | |_| | | (_| | |      | |___| |___ | |
/_/   \_\_| |_|\__, |\__,_|_|\__,_|_|       \____|_____|___|
               |___/
@angular/cli: 1.1.0
node: 8.1.0
os: win32 x64
@angular/animations: 4.1.3
@angular/common: 4.1.3
@angular/compiler: 4.1.3
@angular/core: 4.1.3
@angular/flex-layout: 2.0.0-rc.1
@angular/forms: 4.1.3
@angular/http: 4.1.3
@angular/material: 2.0.0-beta.6-52b6692
@angular/platform-browser: 4.1.3
@angular/platform-browser-dynamic: 4.1.3
@angular/router: 4.1.3
@angular/cli: 1.1.0
@angular/compiler-cli: 4.1.3
@angular/language-service: 4.1.3

这样就完成了angular/cli的安装。

广告
将在 10 秒后关闭
bannerAds