• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

Vue-cli3-template: 基于node v10.15.3、npm v6.4.1、vue-cli 3、webpack 4、babel 7 ...

原作者: [db:作者] 来自: 网络 收藏 邀请

基于Vue-cli 3搭建的PC端单页应用快速开发模板

特点:

  • 基于node v10.15.3、npm v6.4.1、vue-cli 3、webpack 4、babel 7搭建;

  • 内置axios、element-ui、vue-router、vuex、stylus等;

  • Eslint检测;

  • easymock模拟接口;

  • 支持命令行自定义生产环境接口地址;

  • 路由组件动态加载;

  • 打包分离体积大的第三方包,比如element-ui;

  • 使用现代模式构建应用,为现代浏览器交付原生支持的 ES2015 代码,并生成一个兼容老浏览器的包用来自动回退。

目录简介

    |-- public                           // 静态资源目录    |   |-- static                       // 项目静态资源目录    |   |-- favicon.ico                  // 网站图标    |   |-- index.html                   // 页面入口文件    |-- src                              // 源码目录    |   |-- api                          // 获取数据接口API相关文件    |   |   |-- index.js                 // axios封装方法    |   |-- assets                       // 资源文件 CSS JS IMG    |   |   |-- css    |   |   |   |-- reset.css            // 重置样式    |   |   |-- js    |   |   |   |-- common.js            // 公用方法    |   |   |-- img                      // 图标文件夹    |   |-- components                   // 组件文件夹    |   |-- router                       // 路由配置文件    |   |-- store                        // vuex相关文件    |   |-- App.vue                      // 页面入口组件    |   |-- main.js                      // 程序入口文件,加载各种公共组件    |-- .eslintignore                    // eslint忽略文件    |-- .eslintrc                        // eslint规则配置文件    |-- .gitignore                       // git提交忽略文件    |-- babel.config.js                  // babel配置文件    |-- vue.config.js                    // 项目配置(包含webpack)文件

安装项目依赖

npm install

启动开发环境

npm start

项目打包

npm run build --api-url <api_url>

代码检测修复

npm run lint

vue-cli 3 配置参考


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap