安装angular/cli

一、新建项目使用scss

安装angular/cli

1、将nodejs升级为^6.9.*    npm 升级至^3.0.*  

cnpm install -g npm 就可以将npm升级至最新版本

2、cnpm install -g @angular/cli

3、ng -v  查看是否安装成功  可能需要自己添加环境变量

ng new my-project(不带路由)

ng new my-project --routing(带路由)

cd my-project

cnpm install  安装依赖

ng serve --open

使用ng new 项目名称创建项目的时候

在项目中使用scss

1、cnpm install node-sass --save-dev

      cnpm install sass-loader --save-dev

2、更改angular-cli.json文件中的styles

将styles.css该为styles.scss

图片 1

angular-cli.json

图片 2

angular-cli.json

将styleExt: css 改为 scss

图片 3

3、然后将项目当中的全局styles.css改为styles.scss

ng new my-app --skip-install --prefix mpr --style=scss

二、已有项目使用scss

首先,安装node-sass包

npm install node-sass --save-dev

本文由金沙官网线上发布于Web前端,转载请注明出处:安装angular/cli

您可能还会对下面的文章感兴趣: