安裝vue admin記錄

2021-10-05 16:02:54 字數 3003 閱讀 8760

之前一直使用layadmin開發後端頁面,作為經典時代帶給我這個後端無數快捷開發樂趣的框架,深表感謝,但如今都已經量子時代了,本人的多個前台專案已經有不少使用vue構建,所以是時候把後台頁面從經典模式過渡到量子時代了

# 轉殖專案

git clone

# 進入專案目錄

cd vue-admin-template

# 安裝依賴

npm install

npm install --registry=

# 啟動服務

npm run dev

體驗任何新東西都不是一帆風順的,當然這次也一樣

node-sass 安裝失敗 提示需要安裝node-gyp,而node-gyp安裝又報錯

gyp verb `which`

failed 'error: not found: python2\n at getnotfounderror(d

:\\project\\webproject\\vue-admin-template\\node_modules\\which\\which.js:13:

12)\n at f(d

:\\project\\we

bproject\\vue-admin-template\\node_modules\\which\\which.js:68:

19)\n at e(d

:\\project\\webproject\\vue-admin-template\\node_modules\\which\\which.js:80:

29)\n at d

:\\project\\webproj

ect\\vue-admin-template\\node_modules\\which\\which.js:89:

16\n at d

:\\project\\webproject\\vue-admin-template\\node_modules\\i***e\\index.js:42:

5\n at d

:\\project\\webproject\\vue-ad

min-template\\node_modules\\i***e\\windows.js:36:

5\n at fsreqwrap.

oncomplete

(fs.js:

153:

21)',

gyp verb `which`

failed code:

'enoent'

}gyp verb check python checking for python executable "python"

in the path

gyp verb `which`

succeeded python c

exegyp err

! configure error

gyp err

! stack error: command failed:

cexe

-c import sys; print "%s.%s.%s"

% sys.version_info[:3

];gyp err

! stack file ""

, line 1

gyp err

! stack import sys; print "%s.%s.%s"

% sys.version_info[:3

];gyp err

! stack ^

gyp err

! stack syntaxerror: invalid syntax

status from the installers:

----

----

-- visual studio build tools --

----

----

successfully installed visual studio build tools.

----

----

----

----

--- python --

----

----

----

----

--still waiting for installer log file...

now configuring the visual studio build tools and python...

all done!

+ [email protected]

.2updated 1

package

in36.733s

回到專案重新 npm install 安裝順利

然而執行 npm run dev 開啟頁面又報錯提示

.run `npm rebuild node-sass`

to download the binding for your current environment.

按照提示執行

npm rebuild node-sass

已用時間 00:00:37.65

gyp info ok

installed to d:\project\webproject\vue-admin-template\node_modules\node-sass\vendor\win32-ia32-64\binding.node

[email protected] d:\project\webproject\vue-admin-template\node_modules\node-sass

再次npm run dev

成功

vueAdmin專案打包

記錄在專案開發過程種出現的問題,若出現相同的情況可以快速解決該問題 在專案採取前後端開發時,例如 vue springboot 最後前端工程要打包成靜態檔案資源給後端,然後後端控制路徑進行資源對映,但在打包過程中,有可能會出現後端無法訪問前端的靜態資源或者前端請求後端無法接收到 404 not fo...

Vue admin工作整理(三) 路由

1 router link和router view元件 router link元件實際上是封裝了乙個a標籤 鏈結標籤 裡面有乙個重要屬性 to 它的值是乙個路徑,其路徑對應的渲染元件,要在路由列表 router router.js 裡定義,該路由列表為乙個陣列形式存放不同的路由物件,乙個基本的路由物...

Debian 安裝記錄

前幾天裝了個 testing 版本的 debian 不好用,顯示卡一起沒裝好,昨天晚上刻了個穩定版的,不用裝顯示卡一樣用。現在把安裝過程記錄下來 1,安裝過程中選用中國的第乙個源,而不是傳說中的cn99那個,南韓和台灣的我也試過,比中國的差遠了。2,安裝完系統後首先要作的是修改源,從google上搜...