vue-admin项目启动踩过的坑
生活随笔
收集整理的這篇文章主要介紹了
vue-admin项目启动踩过的坑
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
小編是一個后端碼農,人手不夠拉過來做vue。真是坑,大神不要嘲笑…
1、我們使用的vue-admin的項目。
2、準備安裝node和nmp;
有兩種方法:
- 使用node安裝包安裝:
下載地址: https://nodejs.org/zh-cn/download/releases/
下載想要的版本, “node”: “>= 4.0.0”, “npm”: “>= 3.0.0”,直接下一步安裝就行。
- 使用nvm
我使用nvm安裝:
- 安裝nvm:
- 第一步:下載nvm
下載地址:https://github.com/coreybutler/nvm-windows/releases - 第二部:安裝
安裝完成后可以檢測一下是否安裝成功在命令行輸入nvm,如果出現nvm版本號和一系列幫助指令,則說明nvm安裝成功; - 第三步:修改settings.txt
在你安裝的目錄下找到settings.txt文件,打開后加上,使用國內鏡像:
node_mirror: https://npm.taobao.org/mirrors/node/
npm_mirror: https://npm.taobao.org/mirrors/npm/ - 第四步:使用nvm安裝node和npm
使用命令:nvm install 版本號 例如:nvm install 10.16.3
安裝完后用:使用nvm use 版本號如:nvm use 10.16.3,在使用node -v 和 npm -v測試是否安裝成功;
注:node安裝成功,npm報錯問題解決:
下載npm
下載地址:https://npm.taobao.org/mirrors/npm/
下載你想要的版本,解壓后復制npm文件夾到nvm安裝的文件夾,如下:
D:\environment\NVM\nvm:你安裝nvm的文件路徑
V10.16.3表示你安裝的版本。
復制好后,將npm bin文件夾里的npm npm.cmd文件復制到v10.16.3的目錄下,如下圖:
現在再次嘗試npm -v,安裝成功!
3、克隆項目,然后進入項目目錄,編譯項目:
輸入命令:npm install --registry=https://registry.npm.taobao.org
編譯成功,出現如下圖:
如果報錯,肯定是因為node-sass的模塊有問題,下面是解決方案:
依次運行下面命令: - npm config set registry https://registry.npm.taobao.org
- npm uninstall node-sass
- npm install node-sass+版本號
例:npm install node-sass@4.9.0
后面這個版本號,一般是上面報錯的版本號,運行完成后出現如下界面,表示安裝成功:
- npm install --registry=https://registry.npm.taobao.org
出現3中的圖片,編譯完成,運行npm run dev命令,項目啟動。
給大家幾個福利:
vue相關的下載地址:
https://npm.taobao.org/
nvm的常用命令:
nvm ls 查看安裝的版本
nvm uninstall+版本號 刪除安裝的版本
nvm ls-remote 列出遠程服務器上所有的可用版本(非window用戶)
nvm ls available (window用戶)
nvm install + 版本號 安裝此版本的node
nvm use 6.9.5 使用那個版本
總結
以上是生活随笔為你收集整理的vue-admin项目启动踩过的坑的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 设计模式个人理解
- 下一篇: vue-element-admin 1.