1. 全局安装 vue-cli$ cnpm install --global vue-cli
2. 创建一个基于 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
以上步骤说明你已经成功创建一个vue项目了！！！！
注意了！以防你下次不懂怎么打vue项目，贴心的哦帮你想好了啦
以下开始修改vue的内容啦，首先在static下创建css和images文件夹然后再main里面引进来就可以了（这里还没有安装scss所以还不能使用scss哦！）
然后就到修改路由配置了
再然后就是修改首页内容啦
接着就是创建一个公共底部组件啦（头部公共组件也是同理创建啦）
再接着就是创建一个内页文件夹了
眼睛不要离开屏幕，去有赞搬砖了哦
少掉坑还可以这样搬其他你想要的哦
第三步是在components里创建组件名称啊（例如 'van-swipe': Swipe,）
接下来就到打包vue咯，稳住。。。。
1.修改文件夹的路劲哦，看清楚下面的图片了
终端运行命令 npm run build （要不要暂停项目先呢看你自己咯，暂停方法 ctrl + c）【这里有一个坑就是不能使用最新版本HBX】
dist转换成app，HBuilderX没有此选项，请用HBuilder
开始用HBuilder打包咯：
查看打包状态以及下载
最后你还想再修改项目的话，记得改回来config文件夹中的index.js哦，祝各位大神少踩坑。。。。。
网友评论