2.vue项目例子——vue-cli安装

全局安装vue-cli，使用命令npm install -g vue-cli。下载模板代码，使用命令vue init webpack my-project，之后会有一些询问，按需填写即可。最后会看到生成了一个叫my-project的文件夹，里面就是vue-cli脚手架搭建出来的目录。

写Bug

10953人浏览 · 2016-07-19 12:22:47

写Bug · 2016-07-19 12:22:47 发布

全局安装vue-cli，使用命令npm install -g vue-cli。
下载模板代码，使用命令vue init webpack my-project，之后会有一些询问，按需填写即可。
最后会看到生成了一个叫my-project的文件夹，里面就是vue-cli脚手架搭建出来的目录。
这时要进入my-project，然后使用命令npm install去安装package.json里配置的各种东西。
最后使用命令npm run dev启动热加载，就会去自动化执行package.json里的
“scripts”: {
“dev”: “node build/dev-server.js”,
“build”: “node build/build.js”,
“test”: “”
}

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}$/, //不连续的两位字母// /^