簡述

我的前端水平不行，只是偶爾才會需要寫個簡單的網頁。
最近有個項目需要用到網頁來做展示，因為公司內部之前是有人寫過基于vue-admin的框架的web，老大就希望我能移植到公司內部使用的框架上。

但是配置vue的時候實在是存在有太多的問題了。

問題以及對應的解決方案

因為這次是在自己家里用windows機來做的，不是用服務器的，因此主要還是windows相關的問題

命令行要用管理員模式打開 因為配置的時候，如果npm install后面跟著-g參數，那么就有可能是寫入c盤中，有可能會出現權限不夠，導致的報錯。

要下載cnpm 別問，不知道為啥，使用vue-admin的時候，用npm install總是會卡在某個位置上，實在是沒有辦法

啟動的時候還是用npm run dev，啟動的時候就不能使用cnpm run，同疑惑，不知道cnpm和npm的區別。網上的描述，讓我一直以為是cnpm只是將鏡像設置為了淘寶鏡像的版本?，F在看來其實還有很多區別的。

可能的問題： 將文件夾放到對應盤的根目錄下。（這個我也不確定是否存在這樣的問題，反正我這么干之后是可以跑通的）

流程

安裝nodejs的問題就不用描述啦，這個直接官網下載對應的安裝包就行，一路默認操作就下就可以了。

在github上搜索vue-admin。用git下載下來，或者下載成zip之后解壓，這個就看個人了。(最好是放在根目錄下就好了)

基礎的配置

# 在淘寶鏡像中下載cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org # 給npm設置為淘寶鏡像 npm config set registry https://registry.npm.taobao.org # 查看下配置 npm config get registry

如果你是想手動寫vuejs的項目的話(雖然我感覺新手如我這種應該很少有這種需求)

# myapp可以替換成自己的名字 vue init webpack myapp cd myapp npm run dev # 之后根據輸出提示看看在哪個網址看對應的頁面

使用vue-admin模板（這個的命令行最好還是用管理員模式打開）

cd vue-admin-template # 不加下面這行估計會出問題 cnpm install -g @vue/cli # 下面這個倒是無所謂npm和cnpm npm install # run的時候還是要用npm的 npm run dev

關聯報錯

• npm WARN deprecated core-js@2.6.12: core-js@<3 is no longer maintained and n
  • 這個報錯也有可能是真的需要cnpm install --save -g core-js@^3
  • 不過，我輸入了上面的命令之后，還是有報錯，反而，我輸入了cnpm install -g @vue/cli 就萬事大吉了
• vue-cli-service 不是內部或者外部命令 能出現這個報錯，只有在cmd上才出現，在powershell中居然是沒有這個報錯的（只收有別的問題，但是一直是卡住的），這么看來還是要用cmd
  • 這個其實是沒有使用npm install 導致的，不過換成cnpm install 也是可以解決的。

總結

以上是生活随笔為你收集整理的vue-admin模板第一次使用存在的坑的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。