8 Star 20 Fork 9

Yyyy/coding-guide

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
克隆/下载
贡献代码
同步代码
取消
提示: 由于 Git 不支持空文件夾,创建文件夹后会生成空的 .keep 文件
Loading...
README

coding-guide-vue-mobile

基本插件安装

安装vue-router

npm i vue-router@3

安装移动端组件vant2(vue2对应的一定要是vant2)

npm i vant@latest-v2 -S

安装sass

npm install sass@1.26.8 --save-dev
npm install sass-loader@8.0.2 --save-dev

安装和配置vant自动按需引入组件插件

npm i babel-plugin-import -D
  • 使用 babel7可以在 babel.config.js 中配置
module.exports = {
  plugins: [
    ['import', {
      libraryName: 'vant',
      libraryDirectory: 'es',
      style: true
    }, 'vant']
  ]
};

安装vuex

npm i vuex@3

安装axios和vue-axios

npm install --save axios vue-axios

安装less

npm i less less-loader@7

安装vue-fragment

npm install vue-fragment --save

安装nprogress进度条的插件

npm i -S nprogress

安装echarts

npm install echarts --save

安装vue2的Markdown编辑器(v-md-editor)

npm i @kangc/v-md-editor -S

安装vant插件,包含我国所有省市区数据

npm i @vant/area-data

遇到的部分问题

this.$router.push跳转当前页面不刷新问题

可以加入下面这段代码:(缺点就是会有一瞬间白屏)

this.$router.go(0) 

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.

马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
Java
1
https://gitee.com/youzhengjie/coding-guide.git
git@gitee.com:youzhengjie/coding-guide.git
youzhengjie
coding-guide
coding-guide
main

搜索帮助