1. 全局安裝 vue-cli$ cnpm install --global vue-cli

2. 創(chuàng)建一個基于 webpack 模板的新項目$ vue init webpack my-project

3. 這里需要進行一些配置，默認回車即可

4.進入項目? cd my-project

5.安裝全局? ?npm install

6.#通過 npm 安裝有贊（vant）? ?npm i vant -S

7.運行項目 npm run dev

以上步驟說明你已經(jīng)成功創(chuàng)建一個vue項目了?。。。?/p>

注意了！以防你下次不懂怎么打vue項目，貼心的哦幫你想好了啦

以下開始修改vue的內(nèi)容啦，首先在static下創(chuàng)建css和images文件夾然后再main里面引進來就可以了（這里還沒有安裝scss所以還不能使用scss哦！）

然后就到修改路由配置了

再然后就是修改首頁內(nèi)容啦

接著就是創(chuàng)建一個公共底部組件啦（頭部公共組件也是同理創(chuàng)建啦）

再接著就是創(chuàng)建一個內(nèi)頁文件夾了

眼睛不要離開屏幕，去有贊搬磚了哦

少掉坑還可以這樣搬其他你想要的哦

第三步是在components里創(chuàng)建組件名稱?。ɡ??'van-swipe': Swipe,）

接下來就到打包vue咯，穩(wěn)住。。。。

1.修改文件夾的路勁哦，看清楚下面的圖片了

終端運行命令 npm run build （要不要暫停項目先呢看你自己咯，暫停方法 ctrl + c）【這里有一個坑就是不能使用最新版本HBX】

dist轉(zhuǎn)換成app，HBuilderX沒有此選項，請用HBuilder

開始用HBuilder打包咯：

查看打包狀態(tài)以及下載

最后你還想再修改項目的話，記得改回來config文件夾中的index.js哦，祝各位大神少踩坑。。。。。