1.下载lib-flexible,并在main.js中引用 npm i lib-flexible --save 2.安装自适应插件 npm i postcss-pxtorem --save 或 npm i postcss-px-to-viewport --save 3.修改vue.config.js ...
分类:
移动开发 时间:
2020-04-28 13:08:53
阅读次数:
148
搭建项目之前,请确认好你自己已经安装过node, npm, vue cli。没安装的可以参考下面的链接安装。 如何安装node? 安装好node默认已经安装好npm了,所以不用单独安装了。 如何安装vue cli? 剧场环境已搭建好,开始表演! 1.进入一个目录,创建项目 对应命令: vue cre ...
分类:
其他好文 时间:
2020-04-28 12:53:22
阅读次数:
73
前言 windows环境,安装vue-cli 脚手架。 安装成功,但是执行 vue -V 报错了。 报错信息:无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1,因为在此系统中禁止执行脚本 原因分析:禁止执行脚本,那就打开权限执行脚本嘛 ...
分类:
移动开发 时间:
2020-04-28 11:15:43
阅读次数:
501
一、项目初始 1、工具安装和环境搭建 node.js、npm、mongodb 编辑器:VScode 2、项目初始化 项目分为三个部分,分别是移动端界面、后台管理界面和node.js开发的整体的服务端 3、搭建项目 npm i -g @vue/cli mkdir server npm init -y( ...
分类:
移动开发 时间:
2020-04-28 00:49:03
阅读次数:
256
通信基本原则 1. 不要在子组件中直接修改父组件的状态数据 2. 数据和处理数据的函数应该在同一模块内 组件通信常用方式 1. props 2. 自定义事件 3. slot插槽 4. 消息订阅与发布 5. vuex 组件通信方式1 props 1. 在组件内声明所有的 props 只指定名称 pro ...
分类:
其他好文 时间:
2020-04-26 21:21:12
阅读次数:
110
NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题 // 检查是否安装成功 npm -v // 升级npm npm install npm -g // 查看本地全局依赖包 npm list -g --depth 0 // 我的全局依赖包 +-- cnpm@6.1.1 ...
分类:
其他好文 时间:
2020-04-26 15:24:21
阅读次数:
54
一直以来更多的是进行单页面开发。但在与其他同行的交流中,发现多页面项目也是业务的一种需求,趁着今天有时间,今天搞了一下。 多页面的配置,自然也可以根据路由的mode分为hash和history模式。 先说本人更熟悉的hash模式。 一,多页面要有多个入口 默认使用vue-cli 2初始化的项目,需要 ...
分类:
其他好文 时间:
2020-04-25 19:00:40
阅读次数:
74
主要是首屏加载太慢。 大文件定位我们可以使用webpack可视化插件Webpack Bundle Analyzer 查看工程js文件大小,然后有目的的解决过大的js文件。 安装 npm install --save-dev webpack-bundle-analyzer 在webpack中设置如下, ...
分类:
其他好文 时间:
2020-04-25 01:00:59
阅读次数:
60
学习vue 一、安装vue window键+R键,输入cmd进入命令框。 1、输入以下创建vue命令(输入好之后回车) npm install -g vue/cli 2、检测是否安装好了 npm vue -v 3、创建vue项目 (在要创建项目的文件夹下cmd进入命令框) vue create 项目 ...
分类:
其他好文 时间:
2020-04-24 23:21:31
阅读次数:
101
发现问题 看到 vue-cli3 和 framework7 都升级到3.0了,团队打算用新版本做些新东西.有 https://github.com/framework7... 和 vue-cli3 中文文档的加成, 开始还算顺利, npm run serve 也能把项目跑起来. 但是 npm run ...
分类:
Web程序 时间:
2020-04-24 22:04:08
阅读次数:
162