[技术分享]搭建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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。