1. 程式人生 > >node,npm,webpack,vue-cli模組化程式設計安裝流程

node,npm,webpack,vue-cli模組化程式設計安裝流程

首先什麼都不要管,先裝環境。

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檔案