關於vue cli的安裝

2022-06-28 17:12:13 字數 762 閱讀 7979

參考:

全域性安裝:

npm install vue-cli -g 或者 npm install -g @vue/cli-init

cd到某資料夾下初始化:

vue init webpack project_one(目錄名稱)

初始化配置一些資訊:

通常: y/n y

eslint y/n n

jest y/n n

e2e y/n n

專案構建完成

開發環境中執行在本地 8080:

cd project_one

npm dev

localhost:8080 瀏覽器訪問

(二):*上線前的打包(打包成靜態檔案,html,css,js)

npm run build

根目錄下建立了dist資料夾,包含index.html和static資料夾

意思是:構建檔案務必放在乙個http伺服器。直接開啟index.html檔案將不工作。

解決方式:

方法一:修改 ./config/index.js檔案,

將build.assetspublicpath: '/'修改成build.assetspublicpath: './'

方法二:將dist檔案部署到伺服器環境即可執行

關於vue cli的安裝以及常見問題

有些朋友在安裝完node後輸入命令會看到以下報錯 出現這種情況大概率是沒有以管理員的身份執行cmd,以管理員身份執行即可 分享乙個win10系統獲得完美管理許可權的方法 在安裝好node 之後,就可以開始安裝vue cli了 輸入 npm install g vue cli 回車 也可以安裝好 映象...

安裝vue cli的命令

vue cli2 安裝npm install g vue cli 解除安裝npm uninstacll g vue cli 新建專案vue init webpack name 專案名 vue cli3 安裝npm install g vue cli 解除安裝npm uninstall g vue c...

安裝vue cli的步驟

在cmd中輸入 npm install g cnpm registry 一 npm install g vue cli 適用於vue cli 2.0 二 npm install g vue cli 適用於vue cli 3.0 在cmd中輸入vue create pjx 建立好之後的樣子 這裡的pj...