[技术分享]搭建AngularJs 6 .0并建立新项目

AngularJs6.0 版本需要node.js的支持，下载AngularJs-cli需要npm，所以搭建Angular6.0需要安装这些。

1.如果Mac的话 可以安装brew 然后直接安装node环境

brew install node

如果没有安装brew或者是windows系统 就直接从网站下载

https://nodejs.org/en/#download

image

安装后检查是否成功安装

node -v
v10.15.3

2.安装Angular cli

==Angular CLI 是一个命令行界面工具，可用于初始化、开发、构建和维护 Angular 应用。 你可以在命令行窗口中直接使用此工具，也可以通过 Angular Console 这样的交互式界面来间接使用。==

npm安装模块速度会很慢 所以可以用淘宝的镜像

npm install -g cnpm --registry=https://registry.npm.taobao.org

npm install -g @angular/cli
cnpm install -g @angular/cli

安装后检查是否成功安装

ng version

image

3.创建项目

ng new projectName // 创建项目

image

cd  projectName // 进入项目的目录
ng serve --open // 启动项目（注：启动会在浏览器内启动 或者会报端口4200被占用，可以直接在浏览器中打开url：http://127.0.0.1:4200/）

4.搭建项目并初始化完成

image