随笔分类 - Vue
摘要：大家都说yarn比npm好，今天全局安装yarn尝试下 cnpm install -g yarn 安装完成后，查看yarn版本 yarn --version 项目搭建 安装vuepress yarn global add vuepress 初始化项目 创建项目目录blog mkdir blog cd
阅读全文
摘要：1、打开VSCode中的插件，搜索Polacode 2、点击install进行安装 3、安装完成后,先打开你要分享的代码,然后按Ctrl + Shift + p 打开命令面板,然后再输入框中输入Polacode,就可以打开使用了 4、点击相机按钮，就另存为图片了，长这样
阅读全文
摘要：继续上一篇 https://www.cnblogs.com/chenyingying0/p/12798050.html 安装一些组件 cnpm i postcss-loader autoprefixer babel-loader babel-core 提示缺少依赖，安装便是 cnpm i @babe
阅读全文
摘要：1、如果之前有全局安装过vue-2，先卸载掉 cnpm uni -g vue-cli 2、安装vue-cli3 cnpm install -g @vue/cli 3、可以使用vue ui 进入图形界面创建项目 4、也可以使用命令行进行创建
阅读全文
摘要：1、进入项目目录 2、保证npm和vue已经安装 npm -v 查看npm是否安装 vue -V 查看vue是否安装 3、npm install 安装依赖 4、npm run dev 【vue是向下兼容的，可以导入不高于当前vue版本的项目】
阅读全文
摘要：vue地址栏#长这样 地址栏中，经常出现#，是什么作用，能不能去掉？ 地址栏有两种模式： hash模式：地址栏包含#，#之后的不被获取 history模式：具有对url历史进行修改的功能 在微信支付，分享url作为参数传递时，url不能满足需求，因此在实际项目中，一般是修改为history模式 hi
阅读全文
摘要：1、安装插件 cnpm install --save vue-lazyload 2、引入组件 src/main.js 3、页面中使用懒加载，把 :src 换成 v-lazy 效果图
阅读全文
摘要：1、关于路径简写：@是一个简写，指代src目录 设置简写的文件 build/webpack.base.config.js 2、我们也可以自己给常用的目录添加简写 3、在 src/main.js 中给主页添加index.scss样式，使用简写的路径表示 4、配置路由 src/app.vue <temp
阅读全文
摘要：在移动端使用fixed布局存在兼容性问题，因此使用absolute布局来代替 效果演示 src/app.vue里打好框架 <template> <div id="app" class="g-container"> <div class="g-header-container"> 头部导航 </div
阅读全文
摘要：vue的swiper组件 https://www.npmjs.com/package/vue-awesome-swiper 1、安装 swiper 和 vue-awesome-swiper 插件 cnpm install swiper vue-awesome-swiper --save （截图里只安
阅读全文
摘要：1、安装插件 cnpm install --save-dev node-sass sass-loader@6.0.7 --save-dev 表示开发时用到的插件 sass-loader版本号其实没有限制，我这里用的是这个版本，你可以用不同版本，部分用法可能不一样，自己去找文档看 安装完成之后并不需要
阅读全文
摘要：1、安装插件 cnpm install --save fastclick 2、在 src/main.js 中引入插件
阅读全文
摘要：1、安装插件 cnpm install --save babel-polyfill 2、在 src/main.js 中引入插件
阅读全文
摘要：1、全局安装vue-cli cnpm install --global vue-cli 2、创建一个基于webpack模板的新项目 vue init webpack cyymall （你可以根据实际需求来填写，反正我一般都这么设置） 最后一步没有选择 npm install，是因为国内用npm太慢了
阅读全文
摘要：官网 http://mint-ui.github.io/#!/zh-cn 安装 cnpm install mint-ui -S 在main.js中引入改插件 Toast效果演示： 查看文档 在页面中调用插件 Message box效果演示： 这是移动端插件，所以调整到移动端演示： 底部tabbar演
阅读全文
摘要：vue状态管理vuex 全局状态管理，所有页面共享数据 设置数据： this.$store.dispatch("increment",100000); 获取数据： this.$store.state.num; 首先下载插件： cnpm install vuex --save 然后导入插件： 找到ma
阅读全文
摘要：我之前是有安装过npm的 使用淘宝 NPM 镜像 $ npm install -g cnpm --registry=https://registry.npm.taobao.org 查看nmp版本 $ npm -v 使用 NPM 安装vue $ cnpm install vue 在命令行中快速搭建大型
阅读全文
