angular项目环境搭建
来源:互联网 发布:win7网络id灰色 编辑:程序博客网 时间:2024/05/16 14:46
(1)下载node.js(地址:https://nodejs.org/en/)安装包,直接下一步傻瓜式安装,安装好后系统内部就多了一个npm的变量,打开命令行工具可进行测试
node.js安装包:
测试:
(2)使用npm下载angular/cli,命令:npm install -g @angular/cli
(3)此时系统中又会多一个ng的变量,可使用ng -v命令进行测试
(4)使用ng新建angular项目,命令:ng new action
(5)自动项目,命令:ng serve,并在浏览器进行测试
(6)下载angular依赖的jquery和bootstrap包到 node_modules文件夹中
npm install jquery –save
npm install bootstrap –save
(7)在.angular-cli.json中引入
"styles": [ "styles.css", "../node_modules/bootstrap/dist/css/bootstrap.css" ], "scripts": [ "../node_modules/jquery/dist/jquery.min.js", "../node_modules/bootstrap/dist/js/bootstrap.js" ],
(8)下载类型描述文件
npm install @types/jquery –save-dev
npm install @types/bootstrap –save-dev
(9)生成相关组件
ng g component start
ng g component product
………………………………………………
阅读全文
0 0
- angular项目环境搭建
- [Angular] Angular环境搭建及新建项目(一)
- Angular环境搭建
- 【Angular】环境搭建
- Angular环境搭建
- Angular环境搭建
- Angular环境搭建
- 最新基于yeoman+angular前端项目的开发环境搭建
- Angular最新教程-第一节环境搭建和新建项目
- Angular-cli项目搭建
- angular cli开发angular环境搭建
- 1.angular-phonecat环境搭建
- Angular 2 开发环境搭建
- Angular-搭建本地开发环境
- Angular 4开发环境搭建
- 如何搭建Angular的环境
- angular+karma+bower搭建自动化测试环境
- Angular入坑指南(环境搭建)
- android:Android中pullToRefresh使用
- listview删除动画 折叠效果
- Increasing Triplet Subsequence问题及解法
- hdu 1564 Play a game(博弈——找规律)
- Matlab 键盘输入(input),打印(fprintf)
- angular项目环境搭建
- Retrofit2.0+RxAndroid2.0实现网络下载
- WSingle主题 – 支持多本的WordPress小说主题,美观大方,功能强大
- 微信小程序教学第二章:小程序中级实战教程之预备篇
- C++——【USACO 4.4.1】——Shuttle Puzzle
- mysql InnoDB引擎报1114表满错误
- flex布局中,保持内容不超出容器的解决办法
- Android开发中pullToRefresh的配置
- 反编译:apktool、dex2jar、jd-gui的区别及详解