创建一个项目--[Angular入门]
来源:互联网 发布:尼尔森数据分析报告 编辑:程序博客网 时间:2024/06/06 04:13
1.安装node.js
2.安装cnpm
3.安装typescript和typings
4.安装@angular/cli
5.初始化项目
结语
glup是前端开发过程中对代码进行自动构建的工具,是自动化项目的构建利器。他事基于nodejs,自动的完成javascript、coffee、sass、less、thml、image、css等文件的测试,检查,部署文件。
安装成功如下
2.安装cnpm
在cmd命令窗口中直接输入:
npm install cnpm -g --registry=https://registry.npm.taobao.org
查看安装成功:
npm安装插件是从国外服务器下载,受网络影响很大,可能出现异常,继而淘宝团队生产一个完整的npmjs.org镜像,用cnpm代替npm, cnpm与nodejs的npm用法一致,只是在执行命令时,将npm改为cnpm。想要了解更多的信息,点这里。
3.安装typescript和typings
安装命令:
cnpm install –g typescript@2.2.2 typings
查看安装成功:
4.安装@angular/cli
上面的三步,我们第一次创建的时候需要使用,之后建项目的时候就已经拥有了环境我们可以直接从这步开始创建新的项目了。
Angular-cli:是NG团队自行维护的一个`脚手架`[内置单元测试及webpack2打包工具等]。我们创建一个项目基本需要用的组件里面都包含了,也就是说我们最初创建的是一个可以运行的项目。
安装命令:
cnpm install –g @angular/cli@1.0.0
5.初始化项目
ng new girlTest //建立一个新的项目
ng sever //启动脚手架服务
默认的端口号是4200,我们可以直接访问页面如下~
结语
不断的接触新的东西,然后自己慢慢的体会,你会发现这个过程是快乐的~
阅读全文
0 0
- 创建一个项目--[Angular入门]
- 【Angular学习】创建一个Angular项目
- 使用Angular CLI创建一个Angualr4项目
- 入门:创建一个android项目
- 使用Angular CLI创建项目
- 创建一个SpringMVC + FreeMarket 的入门项目
- spring_boot入门:创建一个spring boot项目
- 使用angular创建一个service
- Webpack入门——使用Webpack打包Angular项目的一个例子
- Webpack入门——使用Webpack打包Angular项目的一个例子
- 用node.js安装Angular cli和创建Angular项目
- node+webpack+angular+bootstrap创建web项目
- npm 安装 angular-cli 创建项目
- angular 安装及创建项目 [官方文档]
- node+webpack+angular+bootstrap创建web项目
- 利用angular cli 创建angular2项目
- angular(1)创建项目及运行
- Android官方入门文档[1]创建一个Android项目
- 【洛谷2024】食物链 并查集
- 【量化小讲堂-Python&Pandas系列07】数据告诉你:惊人的海龟交易法则
- 不修复软件缺陷的原因
- jquery获取自身元素的html
- C++模板,模板具体化,特例化
- 创建一个项目--[Angular入门]
- 6.4
- 童贞的过往——IT
- 数据库查询语句易错例题整理
- Mybatis学习笔记(十五)【查询缓存之一级缓存】
- 学习shell脚本语言之注意点
- HDU-6237:A Simple Stone Game(数论)
- 现实版钢铁侠
- String,StringBuffer,StringBuilder三者区别