如何将非使用Angular CLI创建的Angular应用程序迁移到Angular CLI项目?
我使用NPM等工具开发了Angular应用程序(我没有使用Angular CLI)。将项目迁移到CLI项目模型的最佳方法是什么?例如,我希望能够使用命令,如如何将非使用Angular CLI创建的Angular应用程序迁移到Angular CLI项目?,angular,npm,angular-cli,Angular,Npm,Angular Cli,我使用NPM等工具开发了Angular应用程序(我没有使用Angular CLI)。将项目迁移到CLI项目模型的最佳方法是什么?例如,我希望能够使用命令,如ng serve将角度项目转换为使用,您可以按照以下步骤操作 1.安装CLI 2.创建新的CLI项目 3.将现有代码文件复制到新的CLI项目中 4. Angular CLI与其他构建系统之间的差异 来自 Angular CLI可能使用多个tsconfig.json文件(请确保正确设置文件之间的依赖关系) ng serve和ng test将您
ng serve
将角度项目转换为使用,您可以按照以下步骤操作
1.安装CLI
2.创建新的CLI项目
3.将现有代码文件复制到新的CLI项目中
4.
Angular CLI与其他构建系统之间的差异
来自
- Angular CLI可能使用多个
文件(请确保正确设置文件之间的依赖关系)tsconfig.json
和ng serve
将您的打字脚本编译到内存中,而不是物理文件中ng test
- 如果
不起作用,并且给出了隐藏的错误,请查看ng test
文件并开始取消注释行pollyfills.ts
- 考虑使用精确的版本号、收缩包装、锁定文件或纱线锁定
版本。调试package.json
、tsc版本和不兼容模块没有乐趣@类型
- 使用
(使用AOT编译)构建比使用ngbuild-prod
的默认类型脚本规则严格得多ngserve
- 将sass用于css:
- 创建新项目时:
ng新建我的第一个应用程序--style=scss
- 或者修改
:angular.json
要将角度项目转换为使用,可以执行以下步骤 1.安装CLI 2.创建新的CLI项目 3.将现有代码文件复制到新的CLI项目中 4. Angular CLI与其他构建系统之间的差异 来自
- Angular CLI可能使用多个
文件(请确保正确设置文件之间的依赖关系)tsconfig.json
和ng serve
将您的打字脚本编译到内存中,而不是物理文件中ng test
- 如果
不起作用,并且给出了隐藏的错误,请查看ng test
文件并开始取消注释行pollyfills.ts
- 考虑使用精确的版本号、收缩包装、锁定文件或纱线锁定
版本。调试package.json
、tsc版本和不兼容模块没有乐趣@类型
- 使用
(使用AOT编译)构建比使用ngbuild-prod
的默认类型脚本规则严格得多ngserve
- 将sass用于css:
- 创建新项目时:
ng新建我的第一个应用程序--style=scss
- 或者修改
:angular.json
你的意思是说你开发的Angular应用程序没有Angular CLI!!!请您详细解释一下,使用npm开发意味着什么,以及您想在Angular CLI中做什么。@AdritaSharma我在没有Angular CLI的情况下开发Angular应用程序。现在我使用“NPMStart”来运行应用程序。我想将其转换为Angular CLI,这样我就可以使用“ng serve”,我想您正在使用Angular.js。正当angular cli适用于angular 2+@libincno,而不是angular.js。这是角度2+只,但我没有CLI开发。现在我想把项目转换成CLI,你的意思是说你开发的Angular应用程序没有Angular CLI!!!请您详细解释一下,使用npm开发意味着什么,以及您想在Angular CLI中做什么。@AdritaSharma我在没有Angular CLI的情况下开发Angular应用程序。现在我使用“NPMStart”来运行应用程序。我想将其转换为Angular CLI,这样我就可以使用“ng serve”,我想您正在使用Angular.js。正当angular cli适用于angular 2+@libincno,而不是angular.js。这是角度2+只,但我没有CLI开发。现在我想将project转换为CLI
npm install -g @angular/cli
ng new my-first-project
cd my-first-project
ng serve
"schematics": {
"@schematics/angular:component": {
"styleext": "scss"
}
}