摘要:我們可以這樣操作恢復(fù)調(diào)出運(yùn)行,輸入進(jìn)入注冊(cè)表,然后找到你想要的應(yīng)用,比如說(shuō)就需要依次打開(kāi),打開(kāi)默認(rèn)值直接清空即可。
一、實(shí)時(shí)刷新
1.安裝 BrowserSync
npm install -g browser-sync
2.在項(xiàng)目目錄上右鍵,選中Git Bash Here,然后在命令行內(nèi)粘貼如下命令即可:
browser-sync start --server --files "*.html,css/*.css,js/*.js"二、常用的node包
在此之前,可能很需要搞清楚`--save-dev`、`--save`、`-g`之間的關(guān)系
淘寶鏡像
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
安裝所有常見(jiàn)插件及項(xiàng)目依賴
$ cnpm install -g webpack html-loader html-webpack-plugin file-loader css-loader style-loader autoprefixer less-loader babel-loader json-loader extract-text-webpack-plugin vue-cli
以下是與webpack相關(guān)的插件:
html-webpack-plugin·············以某一.html文件為模版生成.html
html-loader·························使webpack能夠識(shí)別html中img資源路徑
css-loader···························識(shí)別.css文件
file-loader··························識(shí)別.css中的資源路徑(或者url-loader)
autoprefixer·························自動(dòng)添加css的前綴
less-loader···························識(shí)別.less文件
style-loader··························創(chuàng)建標(biāo)簽插入html頭部,并將處理后存在于打包后的js內(nèi)
babel-loader··························識(shí)別ES6語(yǔ)法并轉(zhuǎn)成現(xiàn)代瀏覽器能夠識(shí)別的ES5語(yǔ)法
json-loader····························識(shí)別.json文件
extract-text-webpack-plugin·····多帶帶抽出.css文件
以下是webpack+vue構(gòu)建單頁(yè)面應(yīng)用的初始化步驟:
vue-cli 是vue的腳手架
初始化
$ vue init webpack-simple my-project-name
cd到my-project-name目錄內(nèi)
安裝依賴
$ cnpm install 或 $ cnpm i
開(kāi)發(fā)者模式
$ cnpm run dev
生產(chǎn)模式
$ cnpm run build三、window系統(tǒng)下難以刪除node_modules解決辦法
$ cnpm install -g rimraf
在需要?jiǎng)h除的node_modules文件夾所在目錄下運(yùn)行
$ rimraf node_modules四、Sublime Text篇
sublime默認(rèn)的packages安裝目錄是在c盤的用戶內(nèi),如果我們想改為當(dāng)前的安裝目錄,方便日后的打包,如D:Sublime Text 3,那么我們只需要在此目錄下新建一個(gè)Data文件夾,即可。
五、window下解決文件的默認(rèn)打開(kāi)方式,自選項(xiàng)無(wú)效的問(wèn)題有時(shí)我們想設(shè)定文件(比如:index.js)的默認(rèn)的打開(kāi)方式,右鍵“打開(kāi)方式...”后發(fā)現(xiàn),可選項(xiàng)內(nèi)并沒(méi)有我們想要的.當(dāng)我們選擇“瀏覽”時(shí),選中想要的應(yīng)用打開(kāi)卻發(fā)現(xiàn)沒(méi)有反應(yīng)。
出現(xiàn)這種情況的原因,是我們刪除一個(gè)軟件不徹底或者安裝的路徑與原先的路徑相比發(fā)生了改變發(fā)生而導(dǎo)致的。我們可以這樣操作恢復(fù):
window+R調(diào)出“運(yùn)行”,輸入regedit進(jìn)入注冊(cè)表,然后找到你想要的應(yīng)用,比如說(shuō)sublime_text.exe,就需要依次打開(kāi)“HKEY_CLASSES_ROOTApplicationssublime_text.exeshellopencommand”,打開(kāi)”默認(rèn)值“直接清空即可。
最后當(dāng)你再次選擇默認(rèn)選項(xiàng)的時(shí)候,就可以選中了!
(附)
如果想把文件原先的默認(rèn)打開(kāi)方式清除掉,通俗地講就是讓電腦識(shí)別不了該文件類型,比如.sass,那么可以新建一個(gè).txt文件,粘貼如下代碼:
@echo off setlocal enabledelayedexpansion set "ext=%~x1" :loop if defined ext set "ext=!ext:"=!" if defined ext goto ok echo 如果你不知道文件的擴(kuò)展名,關(guān)閉批處理然后把文件拖到批處理文件的圖標(biāo)上。 set /p "v=請(qǐng)輸入擴(kuò)展名(如txt)然后回車:" for /f "delims=" %%i in (".!v!") do set "ext=%%~xi" goto loop :ok echo 擴(kuò)展名:!ext! pause reg delete "HKCUSoftwareMicrosoftWindowsCurrentVersionExplorerFileExts!ext!" /f reg query "HKCR!ext!" /ve|find /i "!ext:~1!_auto_file">nul if not errorlevel 1 ( reg delete "HKCR!ext!" /ve /f reg delete "HKCR!ext:~1!_auto_file" /f ) taskkill /im explorer.exe /f start %windir%explorer.exe pause goto :eo
保存為.bat文件,雙擊運(yùn)行該文件,輸入需要“重置”的文件類型,比如less,回車兩次即可
六、強(qiáng)力刪除文件和文件夾cd到文件目錄下
刪除文件夾: rd/s/q app 或者在任意位置使用絕對(duì)路徑rd/s/q D:app
刪除文件:del/f/s/q test.txt 或者同上使用絕對(duì)路徑del/f/s/q D:demo est.txt
這樣以后再也不用360的強(qiáng)力刪除了,而且有時(shí)還很慢
七、右鍵管理菜單的刪除window+R打開(kāi)“運(yùn)行”,輸入regedit打開(kāi)注冊(cè)表,找到HKEY_CLASSES_ROOT -> Directory -> background -> shell,選擇需要?jiǎng)h除右鍵選項(xiàng)對(duì)應(yīng)的文件夾即可
八、vue-cli在其他電腦上運(yùn)行cnpm run dev失敗原因是因?yàn)?,在一臺(tái)電腦上編譯后cnpm會(huì)有cache緩存,到另外一臺(tái)電腦上編譯這個(gè)項(xiàng)目的緩存與原緩存不一致,導(dǎo)致編譯報(bào)錯(cuò)。
解決辦法:在文件根目錄下執(zhí)行 $ cnpm cache clean 命令清除掉cache緩存
(1) caniuse的cmd版: npm install -g caniuse-cmd
使用方法: $ caniuse box-shadow
(2) 模糊查找一些npm包(注意 是nqm): npm install -g nqm
使用方法: $ nqm query vu[模糊查詢關(guān)鍵詞] 或 $ nqm q jquer
文章版權(quán)歸作者所有,未經(jīng)允許請(qǐng)勿轉(zhuǎn)載,若此文章存在違規(guī)行為,您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請(qǐng)注明本文地址:http://systransis.cn/yun/91300.html
摘要:最近利用空閑時(shí)間寫了一個(gè)從入門到上線的的實(shí)戰(zhàn)教程從入門到上線目前還在更新中,入門篇已基本成型。本項(xiàng)目使用語(yǔ)法,采用搭建了一個(gè)博客系統(tǒng),實(shí)現(xiàn)了文章管理用戶登錄注冊(cè)權(quán)限控制分類管理等功能。實(shí)現(xiàn)線上部署左手代碼右手磚拋磚引玉 最近利用空閑時(shí)間寫了一個(gè)從入門到上線的的node實(shí)戰(zhàn)教程《Node.js從入門到上線》A blog build with Koa2. 目前還在更新中,入門篇已基本成型。...
摘要:由微軟正式發(fā)布,矛頭直指網(wǎng)景的,成就的同時(shí)也開(kāi)啟了自己聲名狼藉之路。由微軟正式發(fā)布,雖然很蹩腳,但是基于這個(gè)技術(shù),我們終于可以在上完成桌面端程序的任務(wù)了。微軟發(fā)布了第一個(gè)版本,提供了更加規(guī)范地書寫的解決方案。 字?jǐn)?shù):1000閱讀時(shí)間:10分鐘 前言 ??筆者學(xué)習(xí)一門知識(shí)有一個(gè)習(xí)慣,就是會(huì)先去了解這門知識(shí)的一個(gè)大致歷史框架,而后再學(xué)習(xí)具體的知識(shí)內(nèi)容。這樣做有以下兩個(gè)目的:1.可以增添興...
摘要:由微軟正式發(fā)布,矛頭直指網(wǎng)景的,成就的同時(shí)也開(kāi)啟了自己聲名狼藉之路。由微軟正式發(fā)布,雖然很蹩腳,但是基于這個(gè)技術(shù),我們終于可以在上完成桌面端程序的任務(wù)了。微軟發(fā)布了第一個(gè)版本,提供了更加規(guī)范地書寫的解決方案。 字?jǐn)?shù):1000閱讀時(shí)間:10分鐘 前言 ??筆者學(xué)習(xí)一門知識(shí)有一個(gè)習(xí)慣,就是會(huì)先去了解這門知識(shí)的一個(gè)大致歷史框架,而后再學(xué)習(xí)具體的知識(shí)內(nèi)容。這樣做有以下兩個(gè)目的:1.可以增添興...
閱讀 3425·2021-09-22 16:00
閱讀 3468·2021-09-07 10:26
閱讀 3028·2019-08-30 15:55
閱讀 2869·2019-08-30 13:48
閱讀 1376·2019-08-30 12:58
閱讀 2178·2019-08-30 11:15
閱讀 958·2019-08-30 11:08
閱讀 534·2019-08-29 18:41