record


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 放弃本地修改 强制更新

 
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' ]
    }),
   ]
  ...
}
如此我们修改一下hello.js中的代码,发现vendor的hash值并未改变,并且多了一个manifest.js的小文件。manifest.js为webpack的启动文件代码,它会直接影响到hash值,用mainfest单独抽出来了,这样vendor的hash就不会变了。
idea
  1. IDEA开启项目自动编译,进入设置,Build,Execut, Deployment -> Compiler 勾选中左侧的Build Project automatically
  2. 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>'错误,可以用下面的方法解决

require("babel-polyfill");
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到环境变量

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM