如何安装Vant(基于Vue的UI框架)

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

猜你喜欢

转载自blog.csdn.net/swiftlinlei/article/details/81537253