Fatal编程技术网
  • angularjs/
  • Angularjs 如何将npm中的ng正确配置为普通CLI命令？

Angularjs 如何将npm中的ng正确配置为普通CLI命令？

angularjs node.js npm

Angularjs 如何将npm中的ng正确配置为普通CLI命令？,angularjs,node.js,npm,Angularjs,Node.js,Npm,我看到了NPM和Node.js的教程，其中包含ng包处理程序。但是，它们直接从命令提示符运行此命令。我很好奇我是否遗漏了一些东西来运行命令，比如ng-serve，而不必在它们前面加上npm-run比如npm-run-ng-serve--open 谢谢大家! 您自然不会在ng服务器的前面加上npm run 全局安装angular cli npm i -g @angular/cli 然后您将能够执行以下操作： ng serve ng new [appname] ng generate compon

我看到了NPM和Node.js的教程，其中包含ng包处理程序。但是，它们直接从命令提示符运行此命令。我很好奇我是否遗漏了一些东西来运行命令，比如
ng-serve
，而不必在它们前面加上
npm-run
比如
npm-run-ng-serve--open

谢谢大家!

您自然不会在
ng服务器的前面加上
npm run

全局安装angular cli


npm i -g @angular/cli


然后您将能够执行以下操作：


ng serve
ng new [appname]
ng generate component [name] 



无任何前缀，可从任何地方安装。
不建议全局安装@angular/cli。有些项目将使用不同版本的angular@cli执行ng命令将产生意外的结果

相反，可以通过以下方式在本地安装到开发人员依赖项中：


npm install --save-dev angular@cli


或纱线：


yarn add --dev angular@cli


本地安装后，可以设置各种npm脚本以执行
ng
命令：


scripts: {
    "dev": "ng serve"
}


运行脚本：


npm run dev


**请注意，如果您已全局安装angular@cli，运行上述命令将使用本地angular@cli来自节点_modules/.bin的包


此外，npx是一个工具，旨在帮助您完善使用npm注册表中的包的体验。您可以进一步了解它
要使用ng，请安装angular cli注意，您将仅对angular 2+版本使用cli。如果你想为angularjs做点什么，那就有一个只用于组件生成的任务。你真的不需要添加开发任务<代码>npm运行ng--serve
将很好地工作。。。要打开浏览器
npm run ng--server--open
如果我是通过击键付费的，我会这样做