首页 > 代码库 > 使用Angular CLI创建Angular 2项目

使用Angular CLI创建Angular 2项目

2024-10-21 23:54:02   210人阅读

一、安装nvm-windows，方便node版本切换

  1. nvm list //查看已安装的版本
  2. nvm install 6.11.0 //安装Node.js 6.11.0，因为@angular/cli需要6.9版本以上支持
  3. nvm use 6.11.0 //切换到新安装的版本

二、为npm配置proxy(proxy软件需自行安装)

  1. npm config set proxy=http://localhost:1080
  2. npm config set https-proxy=http://localhost:1080

三、安装@angular/cli

  1. npm install -g @angular/cli

安装完后，查看ng版本（如下图）

  1. ng version

技术分享

四、使用webstorm创建Angular 2项目

  1. 打开webstorm，选择"create new project"
  2. 选择Angular CLI，此时会自动侦测并配置刚才安装好的Angular CLI（如下图）
    技术分享
  3. 点右下角“create”，创建project
  4. 当Run窗格中出现“Installing packages for tooling via npm ”字样时，需稍等片刻，之后即可successfully created（如下图）
    技术分享

五、启动项目

浏览器地址栏输入：localhost:4200，显示如下图即OK
技术分享

使用Angular CLI创建Angular 2项目


联系
我们