您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

浅析IDEA中如何开发Angular

2024/3/21 22:01:40发布30次查看
本篇文章带大家了解一下如何使用idea开发angular,简单介绍一下jetbrains idea中新建项目、运行项目的方法,希望对大家有所帮助!
之前文章中我们了解angular开发所需要准备的环境,我们搭建好环境之后不可能直接使用文本工具进行编程,必须选择一款ide,而一款好的ide能让我们开发起来事半功倍。我选择的是jetbrains idea,主要原因是在我工作内容中的几款编辑器,idea是支持angular开发的做的比较好的一款ide。
新建项目file => new => project => javascript => angular cli
选择下一步之后,就可以在里面配置我们的项目了。如果你从一开始跟着我进行到这一步,你就会发现idea已经将node interpreter和angular cli都自动配置了,我们只需要设置我们的项目名即可。【相关教程推荐:《angular教程》】
点击finish之后就是等待构建完成了,当控制台输出以下内容,就代表着已成功构建
the file will have its original line endings in your working directory successfully initialized git.done
在idea中运行项目1. show npm script
在项目根目录下找到pachage.json文件,右键选择show npm script就会出现一个新的窗口
在这个窗口中就有一些我们常用的命令,其中start命令就相当于ng serve命令,双击start,项目就开始编译并启动,启动完成控制台输出以下信息
** angular live development server is listening on localhost:4200, open your browser on http://localhost:4200/ **√ compiled successfully.
此时访问 http://localhost:4200/
npm中的命令其实都定义在package.json中,我们也可以自定义命令。
我们在package.json的scripts节点下新增
"node version": "node -v"
然后刷新npm界面就可以看到新增了一条node version命令,双击效果如执行node -v命令。
2. idea-run
在idea的最上方控制栏有可以直接运行项目的选项
我们可以选择直接run或者是debug的方式来运行项目,这里其实也是相当于执行
ng server
从vcs中拉取项目
vcs => get from version controll => 输入地址
更多编程相关知识,请访问:编程教学!!
以上就是浅析idea中如何开发angular的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product