1. 程式人生 > >Vue配置開發環境 npm+webpack

Vue配置開發環境 npm+webpack

①安裝node.js

②按照下面命令列執行

遇到問題:

解決辦法: 

出錯原因:是因為缺少 package.json 這個檔案。

是需要package.json才能npm install。

可以npm init初始化生成一個package.json。

然後就可以愉快地npm install了。


③我的npm run dev 報錯(服務連不上) : miss dev      

進錯位置了。應該再進一層 adminVue  然後在執行dev

這裡有個npm自查操作:

npm config ls 將列出所有已經配置好的npm選項 :

npm ls 和 npm uninstal刪除已安裝的package. 

npm ls packagewitherror將列出有問題的那個package安裝在哪裡,

這樣你就可以直接到那個目錄重新單獨安裝那個pacakge,調查不能安裝成功的原因

第一個專案: https://www.cnblogs.com/dreling/p/6892684.html

④ 終端安裝路由: cnpm install vue-router --save

     引入並註冊 vue-router, 新增router.js檔案.。  

⑤ 終端安裝axios :  cnpm install axios --save

引入axios。修改main.js檔案,新增 Vue.prototype.$ajax = axios ,引入axios。

/*引入Vue框架*/
import Vue from 'vue'
import App from './App.vue'
import router from './router.js'
import axios from 'axios'
Vue.prototype.$ajax = axios