WebStorm

webstorm相关的安装（尤其是安装webpack，很崩溃）： node.js安装以及配置链接： https://www.cnblogs.com/zhouyu2017/p/6485265.html 解决”cnpm不是内部命令“问题： https://blog.csdn.net/qq_38292703/article/details/82669874 注：由于cnpm的安装路径不在环境配置中 webstorm+webpack的安装与配置： https://blog.csdn.net/mafan121/article/details/71211922 错误：webpack报错Insufficient number of arguments or no entry found 解决：首先查看webpack版本：webpack -v webpack4 正确的配置方式： https://www.codercto.com/a/35519.html 错误：在控制台中运行命令“webpack”，出现错误：ERROR in Entry module not found: Error: Can 't resolve ' babel-loader ' in ' D:\Ilkwork' 解决：在控制台输入命令“npm install babel-loader --save" 错误：输入命令npm

cp from : https://blog.csdn.net/qq_39207948/article/details/79467144 前端新手如何安装webstorm ，初步搭建react项目 下载安装webstorm:配置成功: 配置成功后就可以开启webstorm项目了。（存微信收藏、、） 1：在webstorm下配置node环境： 2：完成之后： React官方脚手架地址： https://github.com/facebook/create-react-app 在终端下安装执行npm install -g create-react-app 不用每个项目都装。一个webstorm装一次即可 3：可以直接新建react app项目了。 4：如上图：自己安装完成之后：执行下 npm list -depath0 (查看所下载的不为空的依赖包) 或者 npm ls (查看所下载的所有的依赖包包括空文件) 完成并开启入口 5：最后可以自己完成自己react项目 注意的是：一定要有顶层包裹的元素：如果不是报错 如下图： 6：初始化： 新建一个component文件夹下。并建一个header.js 如下图：按钮控制内容的显隐性 缩写的class后面的类 Header 一定的要大写、 如果需要导出到其它地方引用必须 export default这个类 7:引用导出的组件 7: 8

一. 调试接口 二.webstorm 最大化的增加代码区域 View-Enter Distraction Free Mode 三. 添加新建菜单 https://blog.csdn.net/asing1elife/article/details/82820628 四. 配置路径 https://blog.csdn.net/weixin_33804990/article/details/91368501 五. ToDoInput 和 ToDo 组件 // ToDoInput负责样式 // ToDo负责功能 // 放外面处理是为了后面引入redux,提交action都是做在外面的 六. 制作 Item this.state.todos.map(t=><TodoItem key={t.id} {...t} />) // ...t把所有属性放到item里面 七. 解决 TS2339 报错 // 在外面定义接口 interface ITodoItemProps { description: string } <span>{this.props.description}</span> 八. 将 todos 做成宽度一半 #Todos { padding: 16px; border: 1px solid #ddd; border-radius: 4px; width: calc(50% -

jdk环境正常，调整webstorm64.exe.vmpptions文件的-Xmx和-XX值 也无效， 偶遇大神的帖子，关于这点的特别清楚： http://www.poorren.com/idea-64bit-failed-to-create-jvm-when-started 重新安装webstorm，32位和64位都选中，并且下面的jetbrains x86 install......也选中，就能成功启动了。 来源： oschina 链接： https://my.oschina.net/u/4049480/blog/3156052

https://my.oschina.net/ahaoboy/blog/3152016 cmd.exe " /k C:\\PROGRA~1\\Cmder\\vendor\\init.bat" 暂时可以使用, 但是出现了光标错位的问题 官方文档中说明这个光标永远是block的, 暂时使用git的命令行 文档 git bash配置 "C:\Program Files\Git\bin\bash.exe" 来源： oschina 链接： https://my.oschina.net/ahaoboy/blog/3161349

1.安装LESS包 进入nodejs目录，npm install -g less cmd> where node 查看node目录 2. 进入node目录 ，该目录下有两个目录，分别为less，npm，less里面包含.bin目录（该目录下有lessc编译器（lessc文件）），把D:\nodejs\node_modules\.bin添加到path环境变量中 3. 检测下安装有没成功， cmd>lessc -version 4.webstorm配置file watchers : settings > tools > file watchers > + less 想顺便压缩编译后的css，除了在Arguments中写入--plugin=less-plugin-clean-css外还要安装压缩插件：npm install -g less-plugin-clean-css，这里要注意我安装的路径，如果最后less-plugin-clean-css的路径和上边的/Users/xx/node_modules/less不一个路径的话也跑步起来，这样怎么解决呢，可以直接将clean-css路径中的less-plugin-clean-css文件夹copy到/Users/xx/node_modules/中搞定 来源： oschina 链接： https://my.oschina.net/u

[名称]：JetBrains WebStorm 2019 for Mac [大小]： 315.21 MB [语言]：中文 [测试环境]： Mac OS 10.15.x [下载链接]： https://www.macdown.com/mac/569.html 简介 WebStorm mac是一款JavaScript 开发工具。WebStorm 为JavaScript和TypeScript带来了新的智能意图，改进了对Angular的支持，更新了CSS和HTML文档，更强大的调试制台等等！ 新增功能 JavaScript中的自动导入 在JavaScript文件中，WebStorm现在不仅可以自动为项目中定义的符号添加导入，还可以为项目依赖项中的符号添加导入。只要库具有作为ES模块或TypeScript类型定义文件编写的源，这就可以工作。 参数提示 现在，JavaScript文件中提供了参数提示。它们显示方法和函数中的参数名称，使您的代码更易于阅读。 多线待办事项 您现在可以添加多行Todo注释：键入todo或fixme然后在下一行添加额外的缩进以继续todo。 覆盖方法 当你重写的方法从父类或接口，并从完成建议选择它，IDE会自动将参数，super()调用和类型的信息。 使用箭头功能转换为变量 新意图（Alt-Enter）有助于将函数转换为包含箭头函数的变量，或将类方法转换为字段。 更好

webstorm内置 CSS3 自动补全功能 本文来自：http://blog.csdn.net/pugongying520/article/details/52712639 eg：在样式文件border-radius过程中会出现加前缀的样式，敲回车键即可 [css] view plain copy <span style= "font-family:Microsoft YaHei;">div { -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; }</span> 但某些样式语句不能自动补全，如 输入display: flex; Autoprefixer是一个后处理程序，不象Sass以及Stylus之类的预处理器。它适用于普通的CSS，可以实现css3代码自动补全。 使用方法： step1：安装node.js (http://jingyan.baidu.com/article/b0b63dbfca599a4a483070a5.html) step2：安装Autoprefixer npm install autoprefixer -g step3：安装postcss-cli npm install postcss-cli -g step4：设置webstorm External Tools

Autoprefixer是一个后处理程序，不象Sass以及Stylus之类的预处理器。它适用于普通的CSS，可以实现css3代码自动补全。也可以轻松跟Sass，LESS及Stylus集成，在CSS编译前或编译后运行。详情见， https://github.com/postcss/autoprefixer 具体安装和配置： 1.首先当然是安装node.js; （略） 2.安装Autoprefixer， 见 https://github.com/postcss/autoprefixer ： sudo npm install autoprefixer -g 要不要加 sudo ，或者是不是全局安装（ -g ）那就看你自己的环境了。 npm太慢，我是用淘宝的 NPM 镜像的 https://npm.taobao.org/ 3.安装postcss-cli Autoprefixer其实是postcss的插件，见 https://github.com/code42day/postcss-cli sudo npm install postcss-cli -g 4.配置External Tools 打开Webstorm设置，Preferences -> Tools -> External Tools ;点击新增按钮，如图： 填写具体配置，例如我的配置，如图： Program:填入你的postcss