安装 flexible和 postcss-px2rem(命令行安装) npm install lib-flexible --save npm install postcss-px2rem --save lexible会为页面根据屏幕自动添加<meta name='viewport' >标签,动态控制initial-scale,maximum-scale,minimum-scale等属性的值. 在Galaxy S III手机上 在iphone6/7/8 postcss-px2rem会将px转换为…
1,安装 flexible和 postcss-px2rem(命令行安装) npm install lib-flexible --save npm install postcss-px2rem --save 简要介绍这两个包的用途: flexible会为页面根据屏幕自动添加<meta name='viewport' >标签,动态控制initial-scale,maximum-scale,minimum-scale等属性的值. 例如在Galaxy S III: 例如在iphone6/7/8: po…
Node.js环境搭建 Node.js基于V8引擎,可以让js代码脱离浏览器运行 Vue CLI3.0 需要Node.js 8.9或者更高版本. 用nvm或者nvm-windows在同一台电脑中管理多个Node版本 nvm github地址:https://github.com/nvm-sh/nvm Vue CLI 3.0环境搭建 卸载老版本vue-cli:npm uninstall vue-cli -g 安装新版本:npm install -g @vue/cli 原型开发:npm instal…
首先明确一点,在vue cli3以上的版本中,存放静态资源的文件是public 我刚开始以为是和vue cli2一样需要放在static文件夹下,但是项目中没有这个文件夹,我就自己创建了一个,结果请求的时候总是报错404 这个路径看似没毛病啊,于是我就搜资料 发现在vue cli3中静态资源是需要放在public中的,我改动后再次请求,还是报错 这种问题让人很纳闷,后来我尝试把public删了,直接  这样/json/data-china.json来访问 结果请求成功了 是什么原因呢??? 原来…
1.安装Vue CLI 3 //三选一即可cnpm install -g @vue/cli npm install -g @vue/cli yarn global add @vue/cli 注意: 1.如果安装过旧版的VUE CLI需要先卸载掉 //三选一即可 npm uninstall vue-cli -g npm uninstall vue-cli -g yarn global remove vue-cli 2.VUE CLI3需要node.js8.9版本及以上 官方链接>> 2.vue…
关于 Vue CLI 旧版本的安装以及创建项目 1.搭建 vue 的开发环境 ,安装 vue 的脚手架工具 官方命令行工具 npm install --global vue-cli / cnpm install --global vue-cli 2.创建项目 必须 cd 到对应的一个项目里面 vue init webpack vue-demo01 cd vue-demo01 cnpm install / npm install npm run dev Vue CLI 3 的安装以及创建项目 Vu…
1--   vue cli3 项目文件结构 2-- 注释问题 在eslintrc.js 文件中,将 '@vue/standard' 注释后重启即可: 3-- 配置 eslint 文件 在 vue-cli3 中配置 eslint 文件 :eslint 的配置规则:如果你是用 Vue3 ui 命令自动生成的开发环境,那么我们配置 eslint 是在根目录下的 package.json 文件的 "eslintConfig" 属性 下配置即可!如果是 其他,那就可能要找到根目录下的 .esli…
摘自:https://www.jianshu.com/p/cf9b56efd3b8 Vue CLi3入门 12018.11.15 14:16:17字数 1222阅读 8895 地址 Vue CLi3 githubVue CLi web 安装 命名方式已经改为npm推荐的作用域规则,详情查看此文章 npm i @vue/cli -g yarn add @vue/cli global # 查看版本 vue -V 创建一个项目 vue create clidemoe # 2.0中 vue init w…
[转]https://juejin.im/post/5c63afd56fb9a049b41cf5f4 基于vue-cli3.0快速构建vue项目 本章详细介绍使用vue-cli3.0来搭建项目. 本章使用vue-cli3.0构建的项目是基于webpack的模板文件,构建后的项目属于单页面(SPA)应用.因此,该文档后续操作与说明不适用于构建一个多页面应用. 相比于之前有如下优点: 功能丰富:对babel.Typescript.ESLint...提供开箱即用的支持 易于扩展:它的插件系统可以让社区…
Vue.js 是一款极简的 mvvm 框架,如果让我用一个词来形容它,就是 “轻·巧” .如果用一句话来描述它,它能够集众多优秀逐流的前端框架之大成,但同时保持简单易用.废话不多说,来看几个例子: <script src="vue.js"></script> <div id="demo"> {{message}} <input v-model="message"> </div> <…