git
git 不能add 空文件夹,加了也没用,远程仓库没有这个文件夹的
extract-text-webpack-plugin loader is used without the corresponding plugin
是因为plugin和loader里面都要加上extract-text-webpack-plugin,缺一不可
使用cross-env解决跨平台设置NODE_ENV的问题
在package.json的scripts标签下配置一系列命令,如下所示:
"scripts": {
"clear": "rm -rf build&& mkdir build",
"start": "npm run clear&& NODE_ENV=development webpack-dev-server --host 0.0.0.0 --devtool eval --progress --color --profile",
"deploy": "npm run pre&& npm run clear&& NODE_ENV=production webpack -p --progress"
},
上面配置中的的&&最开始使用的是;,后来发现;在windows环境中无法正常运行,于是改成了*unix和windows都兼容的&&。但是公司的部分使用windows的同事在运行npm start的时候,依然会报错:
'NODE_ENV' 不是内部或外部命令,也不是可运行的程序
或批处理文件。
简单来说,就是windows不支持NODE_ENV=development的设置方式。
解决方式
功夫不负有心人,在万能的google上,我找到了解决方法:cross-env。
这个迷你的包能够提供一个设置环境变量的scripts,让你能够以unix方式设置环境变量,然后在windows上也能兼容运行。
使用方法:
安装cross-env:npm install cross-env --save-dev
在NODE_ENV=xxxxxxx前面添加cross-env就可以了。
**git有冲突的话,保留本地版本,更新
git stash
git pull
git fetch --all git reset --hard origin/master
git fetch 只是下载远程的库的内容,不做任何的合并 git reset 把HEAD指向刚刚下载的最新的版本
vscode
安装插件: Ctrl + P
然后输入 ext install vetur
然后回车点安装即可。
格式化代码;shift+alt+F,或者ctrl+shift+P,输入format
扩展里面下载 Beautify 插件和vetur插件
**vs code 代码提示
通过NPM安装Typings npm install -g typings
安装完成后,在命令行中输入:typings --version
看到版本信息就表示 typings 工具安装完成了
安装相关提示信息文件
安装完成后,我们需要安装相应的需要提示功能库或者框架的类型信息文件,在这里我们新建一个文件夹 NodeSnippet,使用命令行进入到该目录中,
分别输入下面两个命令来安装Node和Lodash的类型接口信息文件:
typings install dt~node --global --save
typings install lodash --save
启用智能提示功能
在项目所在目录(在这里是NodeSnippet文件夹中)增加一个名为jsconfig.json的空文件,内容为
"typeAcquisition": {
"include": [
"lodash"
]
}
有时候vscode启动node服务会报如下错误
Cannot connect to runtime process, timeout after 10000 ms - (reason: Cannot connect to the target: connect ECONNREFUSED 127.0.0.1:45176).
解决方法:
打开launch.json,输入timeout
{ // 使用 IntelliSense 以学习相关的 Node.js 调试属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息,请访问: https://go.microsoft.com/fwlink/?linkid=830387 "version": "0.2.0", "configurations": [ { "type": "node", "request": "launch", "timeout": 60000, "name": "启动程序", "program": "${workspaceRoot}\\koa-app.js" } ] }
vscode 左侧搜索隐藏之后可去配置文件找到searchPanel,去掉即可恢复
jquery
虽然live在1.7之后就不能用了,但是还是有的地方会用,比如我们部门用的框架,里面给input绑定了live之后,我再给input或者它的父元素绑定了on之后就会延迟触发
解决方法:
用on代替live
ie下页面伸缩的时候不能监听window的resize
解决方法:
加上$('body').bind('paste', function(e) {});而且html不能为100%
环境变量
JAVA_HOME
D:\Program Files\Java\jdk1.8.0_60
MAVEN_HOME
D:\JavaDevProgram\Maven3.0.5;
NODE_PATH
D:\Program Files\nodejs\node_global\node_modules
path
D:\Maven3.0.5\bin;D:\Program Files\Java\jdk1.8.0_60\bin;D:\Program Files\nodejs\;%MAVEN_HOME%\bin;%JAVA_HOME%\bin;C:\Program Files\TortoiseSVN\bin;D:\Program Files\TortoiseGit\bin;%NODE_PATH%\node_modules;%NODE_PATH%\node_global
安装maven
把下载的maven包解压到某一目录,然后配置环境变量,参照上面,重启电脑,输入mvn -v可以看到如下信息,说明安装成功,安装maven之前要安装jdk
安装完成之后发现用户路径下没有生成.m2文件,网上的教程是
mvn help:system
但是执行了并没有生成.m2文件夹。
查找很多之后发现,必须把默认的maven里面的本地存储(maven安装路径/conf下面的settings.xml,如果不可编辑,取消只读属性即可)设置为默认的,就是不要设置
<localRepository>D:\maven\repository</localRepository>
这一行注释或取消掉,再执行mvn help:system命令就OK了。
新建文件生成注释
安装fileheader,然后在文件-首选项-用户设置里设置Author和LastModifiedBy即可,如下:
{ "workbench.startupEditor": "newUntitledFile", "workbench.iconTheme": "vscode-icons", "git.autorefresh":true, "git.autofetch": false, "team.showWelcomeMessage": false, "fileheader.Author": "liuxiujuan5", "fileheader.LastModifiedBy": "liuxiujuan5" }
在文件中ctrl+alt+i可自动生成,之后修改文件都会自动更改时间
sublime text
没有package control
使用Ctrl+`快捷键或者通过View->Show Console菜单打开命令行,粘贴如下代码:
import
urllib.request,os; pf
=
'Package Control.sublime-package'
; ipp
=
sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) );
open
(os.path.join(ipp, pf),
'wb'
).write(urllib.request.urlopen(
'http://sublime.wbond.net/'
+
pf.replace(
' '
,
'%20'
)).read())
|
html 自动生成 package control-install-emmet
新建一个html文件,html:5或者<html+TAB
-
新建文件,使用 Ctrl+Shift+P 打开命令工具
-
输入 html ,选择 Set Syntax HTML,回车
-
在新文件中输入
<html
,然后按 Tab 键,即可补全
ie console 打开调试模式才会执行console,IE8 与IE9 的console对象只有在打开了bug窗口之后才会被创建。之后的版本才解决了这个问题。
http://10.33.42.119:8086/vms/services/InterAreaService?wsdl
http://10.6.130.135:8080/vas/services/remoteClientService?wsdl
npm 代理 开源工具 sinopia
webpack报错:Cannot assign to read only property 'exports' of object '#<Object>'
import 和export不能混用
如果是直接返回可以用ctx.response.body但是不能用ctx.res.body。如果用pipe就不能用ctx.response,因为它没有pipe这个方法
webpack配置不同的文件不同的publicPath
webpack打包一般会加上hash值,因为如果文件名不变的话,浏览器可能读的是缓存中的文件,那么如何加上hash值呢,如下
filename:
'[name].[chunkHash:5].js'
上方我们在输出文件名中增加了[chunkHash:5]变量,表示打包后的文件中加入保留5位的hash值,默认20位。
这样每次修改文件后hash值也会跟着变,就不怕浏览器缓存了,但是当我们尝试去修改一个js文件后再次打包,问题又来了:vendor.js的hash值也变了,我们并没有修改jQuery的源码。
上述问题产生的原因是因为CommonsChunkPlugin插件是用于提取公共代码的,上方我们只是提取了vendor作为公共代码。为了继续解决上述问题,其实方法很简单,我们需要修改CommonsChunkPlugin的配置,如下:
module.exports = {
...
plugins:[
new
webpack.optimize.CommonsChunkPlugin({
names: [
'vendor'
,
'manifest'
]
}),
]
...
}
- IDEA开启项目自动编译,进入设置,Build,Execut, Deployment -> Compiler 勾选中左侧的Build Project automatically
- tomcat update classes and resources
Cannot assign to read only property 'exports' of object '#<Object>'
去掉babel的transform-runtime
new webpack.DefinePlugin({ 'process.env': config.dev.env, 'process.VERSION': '"0.0.1"' })
Babel 6 regeneratorRuntime is not defined
用async的时候会报这个错 用transform-runtime是可以的,但是会报 Cannot assign to read only property 'exports' of object '#<Object>'错误,可以用下面的方法解决
run eslint --init
in a terminal. If you have installed eslint locally then run .\node_modules\.bin\eslint --init
import
urllib.request,os; pf
=
'Package Control.sublime-package'
; ipp
=
sublime.installed_packages_path(); urllib.request.install_opener( urllib.request.build_opener( urllib.request.ProxyHandler()) );
open
(os.path.join(ipp, pf),
'wb'
).write(urllib.request.urlopen(
'http://sublime.wbond.net/'
+
pf.replace(
' '
,
'%20'
)).read())
http://getcrx.cn 谷歌拓展插件国内离线下载地址:)
下载win32-x64-46_binding.node
下载完了之后把它注册成全局环境变量,两种方式:
第一种:直接右键我的电脑--》属性--》高级系统设置--》环境变量--》
添加第二种:set XXX=文件路经--》set SASS_BINARY_PATH=F:\tools\node-sass\win32-x64-46_binding.node
查看环境是否合适:echo %SASS_BINARY_PATH%
如果打印出来您配置好的文件地址那就ok了,
最后再来试试安装:npm i -g node-sass
如果错误是有关 Python , 那就装Python 就能解决。
node-sass 要安装python2.7.14 安装时添加path到环境变量