详解Angular 开发环境搭建
Angular是一款开源JavaScript框架,由Google维护,用来协助单一页面应用程序运行的。它的目标是增强基于浏览器的应用,使开发和测试变得更加容易。目前最新的Angular版本是v4.2.3
开始搭建Angular开发环境
搭建Angular开发环境需要的步骤:
- Node.js
- 配置npm
- AngularCLI
安装Node.js
下载安装Node.js,下载最新的LTS版本即可,目前最新的版本是v6.11.0LTS
配置npm
安装好Node.js之后需要配置一下npm国内源
$npmconfigsetregistry=https://registry.npm.taobao.org/
或者使用nrm去管理npm源
$npminrm-g $nrmusetaobao
由于node-sass包的下载链接被墙了,所以要配置一下node-sass的国内源
$npmconfigsetsass_binary_site="https://npm.taobao.org/mirrors/node-sass/"
安装AngularCLI
AngularCLI用于创建、编译、发布Angular项目
$npmi@angular/cli-g
创建测试项目
打开终端,创建一个基于scss样式的Angular项目
$ngnewmy-app--style=scss
项目创建成功后会提示Project'my-app'successfullycreated.,然后进入项目目录并运行试试吧
$cdmy-app&&ngserve-o
更多AngularCLI的命令请参考AngularCLI官网
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持毛票票。