1)安裝webpack

npm init --yes

npm i webpack webpack-cli --save-dev

2）安裝vue

npm install vue -g

npm install vue-cli -g?

vue -V

3）創(chuàng)建vue項(xiàng)目（選好目錄地址）

vue init webpack test

一定要選擇路由功能；

做相關(guān)選擇時(shí)，對(duì)測(cè)試相關(guān)的一些選項(xiàng)，y/n可選擇n

避免測(cè)試用的一些文件下載不了造成項(xiàng)目不能順利創(chuàng)建。

4）運(yùn)行項(xiàng)目：

進(jìn)入項(xiàng)目目錄cd

npm install //安裝依賴的包。

npm run dev // 運(yùn)行項(xiàng)目。

http://localhost:8080/

5）修改項(xiàng)目

1、首頁修改，加入姓名；首頁中插入一張自己的圖片。

2、創(chuàng)建自己的組件，在首頁中引入。

3、加入新的路由鏈接，指向自己的頁面。

4、創(chuàng)建無路由的vue'項(xiàng)目，比較查看。

npm install vue

npm install vue-cli -g? cnpm install --global vue-cli

vue init webpack test? $ vue init webpack my-project

npm install

npm run dev

npm run build

npm start

http://localhost:8080/