WebStorm

最新推荐文章于 2025-03-03 13:27:43 发布
最新推荐文章于 2025-03-03 13:27:43 发布
阅读量921 收藏
点赞数
文章标签： css html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_21764833/article/details/120109000
版权
本文介绍了如何在Vue项目中设置背景颜色，并通过vue.config.js配置访问后端API，包括proxy设置。同时讲述了使用WebStorm遇到的npminstall错误及解决方案。重点在于前端开发过程中的配置管理和常见问题处理。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

1、设置背景颜色，设置如下

2、访问后端程序配置

（1）配置访问路径

       项目subapp_pm->vue.config.js配置如下

proxy: {
[process.env.VUE_APP_BASE_API]: {
  target: "http://127.0.0.1:8081", // 贺新波
  changeOrigin: true,
  pathRewrite: {
    ["^" + process.env.VUE_APP_BASE_API]: ""
  }
}
}

（2）获取新代码

选择Terminal->****\门户\MicroFront\subapp_pm\npm install【输入命令】 

3、启动项目有两种方式

（1）选择serve，点击Debug按钮

 （2）使用命令启动项目，进入dos窗口项目路径下，编译项目npm install，输入启动命令npm run serve ,如

4、安装WebStorm、node-v14.17.1-x64.msi，运行npm install报如下错误

解决方案：输入npm install -g yarn

 

 

宏伟中国
关注
WebStorm配置npm运行vue项目
ancartoon的博客
04-21 6926
1.点击下图中右上角的红框。 2.在出现的弹框中选中左上角“+”下的“npm”，如下图所示。 3.选中第二步的“npm”之后，会出现下图。 4.这里有3个地方需要更改，如下图所示。更改完成之后，依次点击右下角的“Apply”和“OK”。 其中，Name——自己随意取； package.json——点击右边的下拉箭头，选中那唯一的选项即可； Scripts——点击右边的下拉箭头，选中"dev"。 5.点击下图中右上角的红框运行。 ...
webstorm中配置nodejs环境及npm的实例
01-02
——nodejs安装及环境配置 1.nodejs官网,下载windows平台nodejs环境安装包(.msi格式)，安装 2.测试安装是否成功： cmd操作，进入node安装根目录下： node -v ； npm -v 查看版本号 3.配置全局 在node的安装的根目录，也就是nodejs文件夹下新建两个名字为node_cache、node_global文件夹 设置环境变量：变量名：NODE_PATH 值：D:\Program Files\nodejs\node_global\node_modules 注意：因为我是把nodejs安装在D:\Program Files\目录下，所以环境变量
【前端】在WebStorm中安装Node.js与nvm与npm的详细过程
成为你自己，做你想做的
03-03 907
如果都安装成功，那么可以愉快地在webstorm开启自己的前端之旅啦~~~
webstorm 设置 npm 环境
MAOTAI的博客
04-19 4936
1.安装nodejs 2.新增文件夹,配置环境变量 环境变量 用户变量 新增 PATH D:\Program Files\nodejs\node_modules\npm 其次：系统变量 增加 NODE_PATH D:\Program Files\nodejs\node_modules 3.接下来的所有的操作；都是在webstorm开发环境下配置。 npm config set prefix "D:\Program Files\nodejs\node_modules\npm...
npm webstorm配置_WebStorm常用知识总结
weixin_39902545的博客
01-06 309
一、webstorm 隐藏不想看到的文件或文件夹 如（node_modules, miniprogram_npm)setting - Editor - File Types - ActionScript - Ignore files and folders 添加需要隐藏的文件名；二、Webstorm开发小程序支持Less配置：刘超杰：Webstorm开发小程序支持Less配置​zhuanlan....
WebStorm 调试 npm scripts (npm run)
MAIMIHO的博客
09-04 1493
WebStorm 调试 npm scripts (npm run)
WebStorm-2021.3.2.exe
05-03
WebStorm是一款专为Web开发设计的强大集成开发环境（IDE），由JetBrains公司开发。这款软件在编程界被誉为“Web开发者的选择”，尤其对于JavaScript、TypeScript、HTML和CSS等前端技术的支持，深受程序员喜爱。...
谷歌浏览器 webstorm 网页开发调试插件
08-03
谷歌浏览器的WebStorm网页开发调试插件，全称为"JetBrains IDE Support"，是由知名软件开发公司JetBrains推出的一款高效工具。这款插件专为提升前端开发者的工作效率而设计，尤其适用于那些使用WebStorm作为主要集成...
webstorm-settings:Webstorm同步设置
03-20
"Webstorm-settings"通常指的是WebStorm的配置设置，包括代码风格、快捷键、项目模板等个性化设定，它们可以被保存并导入到其他WebStorm实例中，以实现工作环境的快速同步。 在WebStorm中，同步设置是通过`...
webstorm设置sdfdgfgdgfg
04-09
【WebStorm 设置详解】 WebStorm 是一款强大的JavaScript 集成开发环境（IDE），由JetBrains 公司出品，被誉为“前端开发者的最佳拍档”。它提供了丰富的代码提示、语法高亮、自动完成、代码重构等功能，深受广大...
webstorm settings 配置
11-16
webstorm settings 配置已配好。黑色主题风格；适用于web前端程序员code style风格，vue，js，html，css，node 的代码使用配置；模板等；
webstorm-settings:我的Webstorm设置存储库
03-27
WebStorm是一款强大的JavaScript集成开发环境（IDE），深受前端开发者喜爱。这款由JetBrains公司推出的IDE提供了许多高级功能，包括代码高亮、智能提示、代码格式化、版本控制集成以及单元测试支持等。"webstorm-...
webstorm开发工具-如何设置vue的npm项目启动快捷方式
Estrellayun_的博客
11-12 1444
本文介绍使用webstorm开发工具没有npm项目启动快捷方式的解决方法。
使用webStrom配置npm,快速启动vue项目
xfy18317776108的博客
12-15 585
1、安装node.js不在叙述 2、用webStrom打开vue项目， 3、点击左上角加号选择npm 4、配置npm 5、选择接受，选择启动即可
webstorm配置环境变量_webstorm中配置nodejs环境及npm步骤详细解说
weixin_39924486的博客
12-19 2176
这次给大家带来webstorm中配置nodejs环境及npm步骤详解，webstorm中配置nodejs环境及npm的注意事项有哪些，下面就是实战案例，一起来看一下。——nodejs安装及环境配置1.nodejs官网,下载windows平台nodejs环境安装包(.msi格式)，安装2.测试安装是否成功：cmd操作，进入node安装根目录下：node -v ； npm -v 查看版本号3.配置全局...
npm webstorm配置_怎样使用webstorm中配置nodejs环境及npm - WebStorm
weixin_36427631的博客
01-14 867
...tml>我是一名前端开发工程师。大概1年前开始使用webstorm这个编辑器。可是在最近工作需要 。 有一些php 的文件需要更改。结果显示这个提示。。。。我想问的是如何让webstorm给php的文件 加上...这次给大家带来怎样使用webstorm中配置nodejs环境及npm，使用webstorm中配置nodejs环境及npm的注意事项有哪些，下面就是实战案例，一起来看一下...
npm webstorm配置_WebStorm安装、配置node.js（Windows）
weixin_39811478的博客
12-24 1639
WebStorm安装、配置node.js(Windows)一.node1、下载安装包步骤 1 : 双击安装包 ，如下：步骤 2 : 点击Run，如下：步骤 3 : 勾选I accept，点击 next :步骤 4 : Node.js，路径可以修改，点击next：步骤 5 : 选择你需要的安装模式(建议第四个-Add to PATH), 点击next：步骤 6 :点击 Install开始安装Node...
webstorm中使用nodejs，npm 配置
热门推荐
在路上。。。
04-15 2万+
今天重装了一下webstorm，费了好长时间。所以决定写下此文祭奠我逝去的一上午。 首先第一步安装webstorm， 设置字体。file-》setting-》editor-》color&font 主题字体什么的都可以在这里设置。 然后安装nodejs一直下一步就可以。 环境变量估计是自动的保险起见，可以去查看一下path 看一下是否加入了。 在run-》editor configu
webstorm
最新发布
03-08
### WebStorm IDE 使用指南 #### 安装与配置 安装 WebStorm 后，在首次启动时会显示欢迎界面。此界面上提供了创建新项目、打开现有项目以及访问教程等功能[^3]。 #### 主题与外观设置 为了提供更好的用户体验，WebStorm 支持多种主题和自定义选项。通过调整编辑器颜色方案和其他 UI 设置，可以实现与个人偏好相匹配的工作环境。这不仅限于内置的主题选择，还包括对字体大小、行间距等方面的精细调节[^1]。 #### 编辑功能增强 WebStorm 提供了强大的代码补全机制，能够自动识别并建议合适的变量名、函数调用等语法结构；同时支持实时错误检测与修复提示，帮助开发者快速定位潜在问题所在之处。此外，还集成了 Git 版本控制系统，方便团队协作管理源码版本变化情况。 #### 学习资源集成 对于初学者而言，掌握一款新的开发工具有些困难。为此官方特别推出了内嵌式的互动教学模块——“IDE Features Trainer”，它涵盖了从基础操作到高级技巧在内的众多知识点讲解视频及练习题目，用户可以通过 “Help | IDE Features Trainer” 访问这些资料。 ```javascript // 示例：简单的 JavaScript 函数编写 function greet(name) { console.log(`Hello ${name}`); } greet('World'); ``` #### 插件扩展能力 除了本身具备的功能外，WebStorm 还允许第三方开发者为其贡献插件来增加额外特性。比如用于调试 Node.js 应用程序的支持工具或是针对特定框架优化过的模板文件生成向导等都可以轻松获取并安装至本地环境中使用。 ### 常见问题解答 当遇到无法解析某些库或框架中的类/方法时，可能是由于未正确配置全局库路径造成的。此时应检查项目的依赖项声明是否准确无误，并确保所有必要的 SDK 已经被加入到了构建路径当中去。 如果发现性能有所下降，则考虑关闭不必要的后台服务进程（如 VCS 更新检查），适当减少索引范围内的文件数量也能起到一定作用。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值