node,npm,webpack,vue-cli模組化程式設計安裝流程
阿新 • • 發佈:2018-11-12
首先什麼都不要管,先裝環境。
pip是萬能的!!!
安裝node: pip3 install node
安裝npm: pip3 install npm
安裝webpack: npm install webpack
安裝vue-cli: npm install vue-cli
安裝vuex: npm install vuex
安裝axios: npm install axios
至此,我們需要的東西全部安裝好了。
接下來就是建立專案:
建立一個資料夾,然後進到這個資料夾裡面:
npm init 初始化
vue init webpack vue-demo
現在進盤裡看下檔案。
可以看到我們在全域性設定了環境,但是這裡面沒有本地node_modules
這個是我建立的第一個專案。
所以下面我們要建立一個node_modules
npm install webpack webpack-cli -D
vue-cli中再配置JQuery、bootstrap:
npm install jquery
npm install bootstrap
接下來就是打包的事情了,第一次打包,沒什麼經驗,檔案打包錯了,尷尬......
main.js是入口檔案,所以我們要找的是index.js檔案