首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

如何在angular-cli中将元件生成的路径更改为当前路径?

在angular-cli中,默认情况下,使用命令生成的组件会自动放置在与根模块(app.module.ts)相对应的文件夹中。如果要将组件生成的路径更改为当前路径,可以按照以下步骤操作:

  1. 打开angular.json文件,该文件位于项目的根目录中。
  2. 在该文件中,找到"projects"对象下的"architect"对象,然后找到"build"对象。
  3. 在"build"对象中,找到"options"对象,并在其中找到"outputPath"属性。
  4. 默认情况下,"outputPath"属性的值为"dist/<项目名称>",该值指定了编译后的输出路径。可以将其更改为"./",表示输出到当前路径。
  5. 保存文件,关闭编辑器。
  6. 现在,使用angular-cli生成的组件将会直接放置在当前路径下。

需要注意的是,将组件生成路径更改为当前路径可能会使项目结构变得混乱,不便于维护。通常情况下,建议按照Angular的项目结构规范将组件放置在相应的文件夹中,以提高代码的可维护性和可读性。

对于Angular CLI的更多详细信息,您可以参考腾讯云的产品介绍链接:Angular CLI

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

Angular CLI 常用终端操作命令

即开即用,部署到Github Pages或者Firebase 组件| ng g component home/component/my-new-component //相对生成组件生成位置在项目的根目录...CLI生成路由 ---- CLI以多种方式支持路由: 初始化创建项目时,自动添加了 @angular/router ,自动添加到package.json 文件中 生成模块路由时候可以使用指令...//cmd命令 //编译 angular-cli.json 文件配置 传参数来编译不同服务端文件执行下面命令编译是json文件中 envuronments.loca 配置文件路径...} } 然后我们需要配置命令符 修改 package.json 文件 //我们找到packag.json文件找到 "start" 属性然后修改为...更多angular-cli配置 https://github.com/angular/angular-cli/wiki 组件| ng g component my-new-component 指令|

2.1K40
  • Angular CLI 使用教程指南参考

    npm install -g angular-cli 在 Mac 或 Linux 平台上,你可能需要添加sudo前缀提权进行全局安装: sudo npm install -g angular-cli...> [options] 创建一个新 Angular 项目,默认在当前所在目录下 参数 描述 --dry-run -d 只输出要创建文件和执行操作,实际上并没有创建项目 --verbose -v...参数 描述 --flat 不在自用目录内创建代码 --route= 指定父路由.仅用于生成组件和路由.默认为指定路径....--skip-router-generation 跳过生成父路由配置。只能用于路由命令。 --default 指定路由应为默认路由。 --lazy 指定路由是延迟。 默认为true。...pathN参数是一个有效JavaScript路径“users [1] .userName”。 该值将被强制转换为正确类型,或者如果类型无法强制,则会抛出错误。

    3K50

    玩转服务器---基本工具使用

    命令重启xxx.js进程 pm2 stop all 停止所有进程 pm2 stop xxx.js 停止xxx.js进程 pm2 stop 0 停止id为0进程 pm2 list 查看所有当前正在运行进程...后台服务启动成功,下一步就是需要打包我们前端项目部署到nginx80端口,我项目前端使用了angular框架,所以需要在全局安装angular-cli脚手架,命令:npm install -g angular-cli...使用angularng命令进行打包,使用ng build命令会生成会将client项目打包生成blog文件夹 ? 出现如图界面,就代表我们client项目被打包到blog文件夹了 ?...把80端口路径改为我们刚才放置blog文件夹html目录,index就是访问根路径会访问html文件,我们选择blog文件夹下index.html。...我们在刚才配置路径下面新增一个规则,将所有访问api接口路径代理到4001端口,也就是我们server服务所在端口,配置成功保存,用XShell重新加载配置文件,然后重新访问博客首页 ? ?

    3.2K10

    学习总结——JMeter做http接口功能测试

    默认做接口测试前,已经给出明确接口文档(,http://test.nnzhp.cn/wiki/index.php?...如果你JMeter返回数据是乱码,解决办法是,在JMeter安装路径bin目录下,打开文件jmeter.properties,把Sampleresult.default.encoding改为 utf...修改用户余额 添加http请求;填写服务器域名或IP;方法选POST;填写路径;填写参数; 添加授权管理器,右击线程组->添加->配置元件->HTTP授权管理器; 打开HTTP授权管理器,在基础URL添加路径...ž    用函数生成当前时间:(__time) ž    用函数生成通用唯一识别码:(__UUID) 3....文件传参 用于读取在文件中维护参数,参数文件内容如下; 注意,Jmeter读取文件总参数是从第一行就开始了,千万不要犯下面的错误。

    1.9K30

    Jmeter(五十五) - 从入门到精通高级篇 - 如何在linux系统下运行jmeter脚本 - 下篇(详解教程)

    那么今天宏哥就来介绍一下如何在Linux系统下运行带有外部文件Jmeter脚本。以供各位小伙伴或者童鞋们参考,希望对你有所帮助。...2.将我们批量测试数据 pageNum(页码)写进来,如下图所示: 2.2添加CSV数据文件设置 1.添加CSV数据文件设置:打开jmeter -> 右键测试计划 -> 添加配置元件 -> CSV...文件,修改外部文件调用路径(需要修改为linux系统下外部文件放置路径,也就是上一步骤查看到路径),修改完毕后记住保存。...如下图所示: 2.7运行脚本 1.将在Windows调试好基本上传到test文件夹中,如下图所示: 2.将脚本上传至linux服务器,然后就在当前test目录下,输入命令 jmeter -n -...运行结果,如下图所示: 3.跑完之后,在test目录下,生成两个文件:一个是jmeter.log(jmeter运行日志),一个是我们性能结果文件(log.jtl),我们用命令把log.jtl文件导入

    2.4K50

    Proteus使用教程并仿真51程序——LED流水灯

    (2)自定义工程名、保存路径,勾选 New Project ,再点击 Next 。...(3)再按照(2)步骤依次摆放8个电阻,然后左键双击“10K”,弹出修改值对话框,将10K修改为300,以至于让LED亮。 (4)拉一条主线。...3)生成 .hex 文件 (1)点击魔法棒,在弹出窗口内选择 Output ,再勾选 Create HEX File ,然后点击 OK。...(2)点击编译按钮,进行编译,编译成功并生成了两个头文件(这一步不可忽略,否则无法生成 .hex 文件) 3、开始仿真 (1)回到Proteus软件原理图内,双击 AT89C51 芯片后,在弹出窗口...Program File 一栏从刚才 keil 软件编译后路径中添加 .hex 文件,再点击 OK 。

    6.9K20

    Angular2学习笔记

    现在基本上都是用angular-cli来组织文件,这个项目对Angular2提供了强大支持,我们用起来也比以前方便了很多。...具体过程就不细说了,可以参考angular-cliwiki,主要是以下步骤: 安装新版本node。...但是他也有很多缺点,Angular2文档中列举了下面几点: 渲染得更快; 需要异步请求更少; 需要下载Angular框架体积更小; 提早检测模板错误; 安全; 于是,Angular2又提出了一个新编译方法叫...不过对于真正生产环境我们显然不能用node服务器,我这里用是nginx来部署,具体步骤如下: 使用命令ng build --prod --aot来生成dist/文件夹。...将上面的文件夹配置成nginx站点根目录 配置gzip压缩,进一步减少文件传输量 使用try_files选项配置跳转启动路径,否则直接输入二级路由是会报错

    2K10

    6G 天线 波束成形 会是怎样

    与电子前端结合使用金属天线( PCB 天线)阵列已在 300GHz 以下频率下展示出多达 16 个可控元件应用。...这意味着太赫兹信号容易受到墙壁和建筑物等障碍物衰减和干扰。 更高路径损耗 太赫兹信号高频特性导致高路径损耗,这意味着信号强度在空气中传播时会迅速降低。...与太赫兹信号相比,5G 信号波长相对较长,这意味着天线元件之间间距可以更大。这使得容易精确控制每个元件相位和振幅。...此外,由于太赫兹信号波长较短,它们容易受到墙壁和建筑物等障碍物衰减和干扰。这意味着波束控制必须更加精确,以避免这些障碍。 封装元件 对于 6G 来说,极有可能拥有大量天线元件。...如果散热问题变得过于严重,可能必须考虑使用稀疏阵列,例如,使用基于压缩传感阵列减薄原理,使波长元件间距超过一半。

    7510

    EPLAN实用技巧三

    - 设备标识符改为XD0 - 位置代号改为FEEDING - 主功能上勾去掉 - 在符号数据/功能数据选项卡中将最下方表达类型改为外部 小贴士: 1....在EPLAN中元件属性里,如果文本太长的话是可以使用“CTRL+ENTER”组合键来进行换行操作,如上边第一张图中我使用了这个换行符号将+FEEDING与-XD0进行了换行操作,避免字符过长。...主功能是不是勾选取决于这个设备是不是你专业范围内设备,你需不需要生成BOM。如果你不勾选这个的话,部件选项就消失掉了。 3....表达类型常用就是单线、多线、总览、外部,什么类型页就要用什么类型符号。所有非本专业或本项目中不是我们供货设备就选择外部,这样就不会生成多余BOM。...然后在英文输入法下,按一下键盘上”i”键---打开插入点视图,可以看到黑盒、设备连接点和路径功能文本都出现了一个小黑点。将路径文本小黑点和黑盒小黑点对齐到一个列上。

    2.9K30

    WEB 前端插件整理

    : #3 Image Preview 图像预览 #4 TODO Highlight 这个插件能够在你代码中标记出所有的 TODO 注释,以便容易追踪任何未完成业务。...Path Intellisense 这个插件支持自动完成文件路径 #3 Auto Rename Tag 自动重命名配对HTML / XML标签 #4 Class autocomplete for HTML...智能提示HTML class =“”属性 #5 HTML CSS Support 在 html 标签上写class 智能提示当前项目所支持样式 #6 HTML Snippets html代码片段...你只需在空文件中输入 html,并按 Tab 键,即可生成干净文档结构。 #10 CSS Peek 使用此插件,你可以追踪至样式表中 CSS 类和 ids 定义地方。...比内置要全智能 #14 Angular Files 在vsc中集成angular-cli工具,可界面华新建component、directove、module、routing、pipe等feature

    1.5K30

    jmeter相关面试题_jmeter面试题及答案

    (输入接口路径,访问方式,参数等)  d、然后创建断言和查看结果树。...采样器:采样器生成一个或多个采样结果;这些采样结果具有许多属性,例如经过时间、数据大小等。采样器允许JMeter通过采样器将特定类型请求发送到服务器,线程组决定需要发出请求类型。...“alphabet”与“al.*t”匹配。 11、解释什么是配置元件? 配置元件与采样器并行工作。要设置默认值和变量以供采样器以后使用,可以使用配置元件。...指的是在某一瞬间或者多个频次下用户数和压力陡然增加场景。 17、解释如何在JMeter中捕获身份验证窗口脚本?...),然后在 IE高级选项>连接>局域网设置中 开启 代理设置,并将地址修改为localhost,端口改为8911。

    3.3K21

    Jmeter(二十四) - 从入门到精通 - JMeter函数 - 中篇(详解教程)

    JMeter配置元件与前置处理器都能帮助我们进行参数化,但是都有局限性,为了帮助我们能够更好地进行参数化,JMeter提供了一组函数来帮助我们参数化生成需要数据,这些函数可以函数助手面板来进行编辑。...2.2获取信息函数 2.2.1__TestPlanName 用法:${__TestPlanName},返回当前测试计划名称; :测试计划名称是 Demo.jmx, 即返回 Demo.jmx。...该函数不能用在任何配置元件中(如用户定义变量),因为配置元件是由另外独立线程运行,它也不能在测试计划(Test Plan)中使用。...不能用在配置元件 和 测试计划中。 1、我们先来看看这个__threadNum长得是啥样子,路径:函数助手 > 选择__threadNum,如下图所示: ?...可以设置不同日志级别, OUT 和 ERR 将会分别输出记录到 System.out 和 System.err 中。在这种情况下,输出总是会被打印(它不依赖于当前日志设置)。

    1.8K20

    Jmeter(二十三) - 从入门到精通 - JMeter函数 - 上篇(详解教程)

    JMeter配置元件与前置处理器都能帮助我们进行参数化,但是都有局限性,为了帮助我们能够更好地进行参数化,JMeter提供了一组函数来帮助我们参数化生成需要数据,这些函数可以函数助手面板来进行编辑。...,${__UUID},其中参数视不同函数而定。...4、与beanshell元件比较: 该函数与beanshell元件(beanshell sampler、beanshell preprocess等)作用是一样,只是beanshell函数常用于一些简单判断或计算等...使用配置元件CSV Data Set Config ,也能达到相同目的,而且方法简单,但是它目前不支持多个输入文件。 每次调用函数,都会从文件中读取下一行。...使用序列号时,路径名被用作 java.text.DecimalFormat 格式字符串。当前序列号作为唯一参数传入。如果未指定开始序列号,则按原样使用路径名称。

    9.1K20

    PPT放大招之绘制一幅Nature插图

    以Nature上一幅插图为例,使用PPT进行绘制,最终需要达成效果如下图。 ? 一、整体布局 1、将新建PPT设置合适长宽尺寸之后,背景色改为浅黄色; ?...然后将该形状复制一份,开放路径,把除了细胞膜外顶点删除,去掉填充色,将获得线条改为深棕色、6 pt粗细;将该线条复制一份,改为浅棕色、2 pt;将两个线条对齐叠加,形成双描边效果细胞膜; 最后将细胞质去除线条...至于LYTAC载体和聚糖多肽就简单了,只是简单线条和圆形组合。 ?...受体绘制也说过多次,这里采用几个基本形状进行联合,为了避免干扰,可以先将描边线条去掉,布尔运算之后再加上; 跨膜蛋白通过圆形编辑顶点方式生成不规则椭圆,将椭圆缩小作为受光面,而后用同样方法绘制高光效果...三、组装成整体 完成基本元件之后,就是把基本元件进行复制、旋转摆放到合适位置,添加文字 、箭头,最终摆放成整体图片效果。 ? ? ? 参考资料: 1.Steven M. Banik et al.

    2.2K20

    Jmeter 参数化实现

    为了结果明确,在 HTTP 请求命名中也调用此变量标注。...4)更改线程组设置,让jmeter循环读取我们数据: 将线程组【线程数】更改为与我们【用户参数】中用户数量相同; 将线程组【循环次数】更改回 1 次。...第二行:这里要给函数返回值取个名字,以便后面调用,这个是选填参数; ③点击【生成】按钮,在输入框中就会出现完整函数调用代码,我们直接复制到需要调用该函数位置即可。...__time():返回当前时间,默认为距离1970年1月1日 0时0分0秒毫秒值。...参数1:CSV 文件路径,注意这里要填写 CSV 文件绝对路径; 参数2:要读取CSV 文件中哪一个字段值,这里填写是字段对应 index 值,index 从0开始计数,即第一个字段对应

    1.2K20

    批量汇总Excel工作簿多表数据,结合CELL函数实现动态化数据源及需要注意Formula.Firewall问题

    PQ源里文件路径是固定文本,但如果你源文件符合以下2种情况,倒有办法实现动态化自动识别: 1、动态获取PQ操作结果所在Excel工作簿路径; 2、动态获取PQ操作结果所在Excel工作簿所在文件夹路径...大海:是这样,Excel里有个CELL函数,可以取得当前工作簿文件路径。新建一个表,在A2里写公式:=CELL("filename") 小勤:啊。...这个函数能获得当前工作簿的当前工作表路径,但也只是在Excel里啊,PQ里咋搞? 大海:既然Excel里能整出来,那咱们在PQ里就想办法把Excel里整出来这个数据弄进去啊。 小勤:嗯。有道理。...比如咱们合并整个工作簿中工作表数据,具体方法动画所示: Step-04:在【高级编辑器】中将源数据路径改为前面步骤所获得文件路径 修改前代码及需要修改地方如下:...请重新生成此数据组合): 大海:哦?!这是查询之间调用有隐私设置问题,调整一下查询选项设置即可:

    1.2K31

    Angular 6正式版发布,都有哪些新功能

    ng add 另一项新 CLI 命令ng add 将使你项目容易添加新功能。...ng add使用软件包管理器来下载新依赖包并调用安装脚本,它可以通过更改配置和添加额外依赖包( polyfills)来更新你应用。...Angular Material 初始组件 一旦运行ng add @angular/material并添加材料到现有的应用程序中,就能够生成 3 个新初始组件。...Shakable Providers 为了让你应用更小,我们将服务引用模块改为模块引用服务,这让我们只需要构建在模块里注入服务。...Ivy 关于我们下一代渲染引擎 Ivy,Ivy 当前处于开发阶段,还不是 v6 一部分。关于更多信息可以访问官方关于Angular 6发布信息。

    4.2K20

    PhpStorm 集成 WSL 虚拟机中 PHP 进行单元测试和代码调试

    虽然可以在独立终端窗口中连接到虚拟机执行这些测试和调试操作,但有的时候,在代码编辑器中集成单元测试、代码调试等功能确实很好用,体验更好,也流畅,尤其是代码调试,只能在图形界面中完成。...因此,我们需要在这些代码编辑器中将 WSL 虚拟机 PHP 集成过来,这样,就可以在本地代码编辑器中调用 WSL 虚拟机 PHP 完成对应单元测试和代码调试功能。...: 你可以配置 PhpStorm 中当前打开项目与虚拟机对应项目的路径映射,这样就完成了 PhpStorm 使用 WSL 虚拟机 PHP CLI 基本配置。...(红框圈中),打开服务器配置界面,按照下图示例依次输入服务器名称、主机、端口、调试器、项目路径映射(本地与远程路径): 然后应用这个配置并关闭窗口,在上一级界面中 Server 下拉框就会选中刚刚创建服务器...Debug port 修改为 9001(和 Xdebug 配置保持一致): 应用该更改,点击「OK」关闭窗口,这样我们就完成了 PHP 远程代码调试所有配置工作了。

    4.5K20
    领券