1.运行vue项目(参考文档:https://blog.csdn.net/wwaenig521314/article/details/73469542)
2.由于使用Vant,所以,安装步骤有一些区别,先根据步骤一安装好node.js
3.安装Vant的脚手架(参考文档:https://youzan.github.io/vant/#/zh-CN/quickstart)
vue init youzan/vue-cli-template-vant my-project
安装过程会初始化配置项目,其中ESLint选择否(ESLint是代码规范校验,好吧,I like freedom,毕竟代码是自己一个人写的,再丑也能看,听说装上这个,快活似神仙)
4.安装Vant组件包
npm i vant -S
5.安装 babel-plugin-import 插件(最后生成代码时能够按需引入,目的是减少冗余代码)
# 安装 babel-plugin-import 插件
npm i babel-plugin-import -D
6.安装vue-router(Vue的路由,单页面应用使用,跳转其他同一应用下的其他页面)*可选
npm install vue-router
7.安装vuex(Vue的状态管理,设置全局状态,应用可以全局使用) *可选
npm install vuex
8.安装依赖包
npm install
9.运行测试环境(可以预览项目了,运行成功下面的代码,就可以到浏览器localhost:端口上预览项目了)
npm run dev
10.打包(项目已经做好了)
npm run build