vue 单页项目教程--微信公众号（启动操作）

项目安装好后的结构。启动项目 cnpm run dev启动成功效果图。我改了一些界面。最初的不知道扔哪里去了。

久如云漂泊

4309人浏览 · 2017-05-16 10:40:09

久如云漂泊 · 2017-05-16 10:40:09 发布

vue-cli是一个vue.js的脚手架工具。说白了就是一个自动帮你生成好项目目录，配置好Webpack，以及各种依赖包的工具。有了这个脚手架很多配置都不需要那么操心了。

npm install vue-cli -g 

npm install//通过package.json 来安装node_modules

项目安装好后的项目目录。
这里写图片描述

启动项目 cnpm run dev
这里写图片描述

启动成功
这里写图片描述

效果图。我改了一些界面。最初的不知道扔哪里去了。
这里写图片描述

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^