Node + Angular4 + TypeScript 搭建环境运行项目

1 篇文章 0 订阅
1 篇文章 0 订阅

1、下载node.js

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


2、安装

node -v
npm -v 


3、安装typescript,angular

sudo npm install -g typescript        //安装TypeScript
sudo npm install -g @angular/cli
ng -v                                          //检测是否安装成功


4.1、创建新项目

ng new my-app                           //生成一个新项目以及应用的骨架代码
cd my-app
npm i

ng serve --open                        //使用--open(或-o)参数可以自动打开浏览器并访问http://localhost:4200/



4.2、运行已有项目

①安装项目依赖包

命令行工具进入项目根目录(有package.json的目录),输入:
npm install


②启动项目

npm start   //或者 ng serve
项目服务器地址可在项目目录下的 src/ environments/ environment.ts 查看和修改。


浏览器访问 http://localhost:4200  搞定



  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vite和Angular是两个在Web开发中常见的工具和框架。Vite是一个现代化的前端构建工具,而Angular是一种基于TypeScript的开发框架。 Vite(发音为"veet")是由Vue.js的作者尤雨溪(Evan You)开发的,它的设计初衷是提供一种更快、更简单的开发体验。Vite使用ES模块优先的原则,通过利用现代化浏览器的原生支持,省去了传统打包工具所需的中间编译环节,从而加快了开发时的编译速度。Vite支持Vue、React和Preact等各种前端框架,并提供了开箱即用的插件化扩展机制,开发者可以根据自身需求选择各种功能插件。 而Angular是一个由Google开发的Web应用开发框架。它采用了模块化的设计理念,通过使用TypeScript进行编程,提供了丰富的开发工具和组件库,使得开发者可以更高效地创建复杂的Web应用。Angular拥有强大的数据绑定和组件化功能,同时支持国际化和可访问性等重要特性。尽管Angular的学习曲线较陡峭,但一旦掌握了它的工作原理和用法,它可以提供稳定可靠的开发体验,并支持大型应用的快速开发、测试和部署。 总的来说,Vite和Angular是两个在Web开发中具有不同定位和特点的工具和框架。Vite注重提供更快的开发体验和更高的灵活性,适用于轻量级的项目;而Angular则提供了一个完整的、模块化的开发框架,适用于构建大型、复杂的Web应用。选择使用哪一个工具或框架取决于你的具体需求和项目规模。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值