參考:
全域性安裝:
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...