idea 配置npm 启动angualr2.X 项目

最新推荐文章于 2024-07-22 09:01:12 发布
最新推荐文章于 2024-07-22 09:01:12 发布
阅读量3.7k 收藏
点赞数
分类专栏： Angular
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/phpfzh/article/details/80697235
版权
本文介绍了如何在IDEA中配置npm来启动Angular2.x项目。首先通过终端使用`ng new`命令创建ng-alain脚手架项目，然后进入项目目录，添加ng-alain并运行`ng serve`。接着在IDEA中设置npm启动配置，通过Run -> Edit Configurations创建并配置npm任务。完成配置后，项目将在http://localhost:4200/上运行。
摘要由CSDN通过智能技术生成

1 终端 创建  ng-alain 脚手架开发

链接地址：https://ng-alain.com/docs/getting-started

ng new admin  --style less  ## 创建项目

cd admin

ng add ng-alain

ng serve


2 idea 配置npm 启动angualr2.x 项目

Run => Edit Configurations  => Run/Debug Configurations 

点击+ 号 选择npm 配置


最低0.47元/天 解锁文章
phpfzh
关注
专栏目录
IDEA中 用ng serve命令启动angular项目出现的问题
qq_33092833的博客
02-25 2400
背景： 电脑系统：win7 64位 开发工具：IDEA 2016 git上拉取下来完整的angular项目，IDEA直接打开,当在IDEA下方Terminal栏中输入ng serve启动项目失败。。。错误及解决方式记录如下： BUG 1 : ng 不是内部命令 原因：提示ng不是内部命令，表示是你的电脑系统没有安装该类命令 提示没有安装，那我们就对症下药先安装命令。记录如下： 第一步下载并安装n...
AngularJS从构建项目开始
fens的博客
08-28 258
AngularJS体验式编程系列文章，将介绍如何用angularjs构建一个强大的web前端系统。angularjs是由Google团队开发的一款非常优秀web前端框架。在当前如此多的web框架下，angularjs能脱颖而出，从架构设计上就高人一等，双向数据绑定，依赖注入，指令，MVC，模板。Angular.js创新地把后台技术融入前端开...
IDEA搭建Vue开发环境(安装Node.js、安装vue-cli、创建项目、编译项目、启动项目、yarn启动项目、npm和yarn命令行命令简单使用)
最新发布
Bulut0907
07-22 1631
因为这个yarn和Hadoop的yarn命令会冲突，所以修改E:\install_software\Node.js\node-v20.4.0-win-x64路径下的yarn.cmd名称为yarnJs.cmd。使用IDEA打开项目, 然后在File–Settings–Plugins–Makerplace搜索vue.js, 安装并重启IDEA。再将E:\install_software\Node.js\node-v20.4.0-win-x64目录配置到环境变量。进入项目目录，安装项目所需依赖。
idea启动一个angular+ionic+cordova混合开发项目
chunchunern的博客
08-05 1244
@[TOC]idea启动一个angular+ionic混合开发的项目 第一次接触angular+ionic混合开发项目，引入一个demo项目都比较困难，当时并不知道该如何下手，几经周折总结如下： 1.将项目用idea软件打开 导入项目比较简单，相信大家都会，这里就不一一赘述。 2.导入后截图如下： 如图所示，导入会有很多错误。不要着急，我们慢慢来。首先应该修改angular默认端口号...
使用 IDEA从github上拉取Angular项目并且部署运行
Riqk_Qin的专栏
11-12 1342
通过idea上的VCS从github上cloneAngular项目 由于公司编写Angular项目使用的工具是vs Code，但是觉得idea真的很强大，也很好用，加上最近有小伙伴讨论怎么用idea部署并运行Angular项目，经过资料查阅和亲自实践，在idea上把项目跑起来了，下面是一些总结，希望能帮到更多像我一样初入Angular世界的小伙伴们。 准备工具：IntelliJ IDEA（我的是2018版的）,Git（没有的需要先安装一下哦，这里是官网地址：Git官...
idea/webstorm配置vue项目启动报Please specify npm scripts to run错误
m0_37468841的博客
01-08 2407
配置vue项目不识别scripts，原因没识别到项目中的package.json文件内容。目录下翻找到JSON，在File name patterns中添加*.json。配置完回来看scripts已经出现可选项。
nodejs，npm，angular/cli安装过程及遇到的问题总结
qq_41539074的博客
05-07 2349
首先安装nodejs，从官网直接下载安装，一路next，除了需要注意nodejs的安装路径外，没有什么其他的 安装好node后，npm也就安装好了，这是因为 npm是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种： 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用...
Angular------使用IDEA开发Angular
Baldwin_KeepMind
12-30 4993
本文章所有内容基于win10搭建Angular环境并运行hello-world 1. 相关 上一篇文章中我们了解Angular开发所需要准备的环境，我们搭建好环境之后不可能直接使用文本工具进行编程，必须选择一款IDE，而一款好的IDE能让我们开发起来事半功倍。我选择的是JetBrains IDEA，主要原因是在我工作内容中的几款编辑器，IDEA是支持Angular开发的做的比较好的一款IDE。 2. 新建项目 File => New => Project => JavaScript =&g
使用IntelliJ IDEA从github上拉取Angular项目并且部署运行
qq_41221030的博客
07-27 8159
                   通过idea上的VCS从github上cloneAngular项目 由于公司编写Angular项目使用的工具是vs Code，但是觉得idea真的很强大，也很好用，加上最近有小伙伴讨论怎么用idea部署并运行Angular项目，经过资料查阅和亲自实践，在idea上把项目跑起来了，下面是一些总结，希望能帮到更多像我一样初入Angular世界的小伙伴们。 准备...
IntelliJ IDEA启动Vue项目无法识别package.json中定义的脚本，Please specify npm scripts to run，Error: No ‘‘ npm script
不秃头码农
11-22 1635
IntelliJ IDEA启动Vue项目无法识别package.json中定义的脚本，Error: Please specify npm scripts to run，Error: No 'xxx' npm script
npm的配置的第三步，及原理
12-28
npm的配置的第三步，及原理............................................................
run-scripts:一口气依次运行多个npm脚本
05-03
一次性运行多个npm脚本。 安装 $ npm install -g run-scripts 用法 在package.json文件中，您可能已经具有预定义的脚本： { " scripts " : { " command1 " : " echo 1 " , " command2 " : " echo 2 " , " command3 " : " echo 3 " } } 现在代替： $ npm run command1 && npm run command2 && npm run command3 您可以运行： $ run-scripts command1 command2 command3 如果您不希望在全局范围内安装模块，则可以执行以下操作： $ npm install --save-dev run-scripts $ ./node_modul
nodejs-webpack进阶教程-逐步加入vue、HtmlWebpackPlugin、css压缩、热部署
11-30
进阶教程代码，，里面具有详细的注释以及使用方法，此教程想免费送，无耐下载资源最低一分
IDEA配置npm启动
热门推荐
jomexiaotao的博客
06-01 8万+
前面文章已经说过如何创建与命令启动  接下来为大家介绍如何通过idea启动1、打开idea程序  打开test项目找到右上角的编辑按钮打开后 然后点击添加npm点击后看到右边的界面保存后点击运行试试测试成功  配置完成 ...
idea配置npm使用node.js报错 Error: Please specify Node.js interpreter node (No executable found in %PATH%)
weixin_48102654的博客
08-19 3万+
idea配置npm使用node.js报错 看报错信息是环境变量有问题, 于是在命令行窗口执行 node -v验证一下 果然! node找不到了! 然后修改系统变量中的path, 把node的安装目录加上, 我这里是装在了G盘 保存然后再去命令行验证一下环境变量是否配置成功? 需要将原来的命令行窗口关闭并重新开启: 显示已经查到node的版本了 然后重启idea 不显示报错了, 可以正常使用啦, 哈哈哈 ...
在vscode或IDEA中如何配置Vue，npm配置，nvm配置，nodejs配置
weixin_55415300的博客
10-17 573
当我们下在完，如果不进入的你的项目路径下，直接输入npm run dev 就会报错误代码4058。推荐的 是 Visual Studio Code + Volar 开发环境。所以我们要进入到项目路径下输入，就不会报错了。这时我们要输入下载依赖：npm i。我们需要全局配置cnpm环境。在这个加一个盒子就行div。
Angular项目启动步骤
csdn122325735的专栏
06-10 7338
初学者启动angular 项目
后端也可以亲自使用IDEA调试angular代码
Cmainlove的专栏
08-26 4148
有时间为了一个问题，需要来来回回跟前端同事联合调试了好多次，既浪费时间，又耽误了前端的进度，OK，为了节省大家的时间，我们自己开动吧！ 安装nodejs 官网（https://nodejs.org/zh-cn/）下载安装包，安装完成后，配置环境变量： path=D:\Program Files\nodejs\ 在CMD测试安装是否完成： npm r-version 6.5.0-next.0 下...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值