使用 vue init webpack 项目名创建项目

检测node和npm的版本使用vue init webpack 项目名称创建项目切换到项目文件下面通过npm run dev运行项目如果报错说'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序或批处理文件，就npm install安装package.json文件中的所有依赖模块。在浏览器中打开生成链接的网页，查看项目生成是否成功如果安装成功...

HerayChen

10519人浏览 · 2020-04-02 11:08:52

HerayChen · 2020-04-02 11:08:52 发布

检测node和npm的版本
使用vue init webpack 项目名称创建项目
切换到项目文件下面
通过npm run dev运行项目

如果报错说'webpack-dev-server' 不是内部或外部命令，也不是可运行的程序或批处理文件，就npm install安装package.json文件中的所有依赖模块。
在浏览器中打开生成链接的网页，查看项目生成是否成功

如果安装成功，打开链接后就是上图呈现的样式。
项目文件解析

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

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