1. vue create vuedemo

  2. 你会被提示选取一个preset。你可以选默认的包含了基本的Babel+ESLint设置的preset,也可以选手动选择特性来选取需要的特性。
  3. Babel : 将ES6编译成ES5
    TypeScript: javascript类型的超集
    Progressive Web App (PWA) Support: 支持渐进式的网页应用程序
    Router:vue-router
    Vuex: 状态管理
    CSS Pre-processors: CSS预处理
    Linter / Formatter: 开发规范
    Unit Testing: 单元测试
    E2E Testing: 端到端测试
  4. ESLint + Standard config
  5. ( ) Lint on save // 保存就检测
    ( ) Lint and fix on commit // fix和commit时候检查 在git commit 提交时做代码规范检测

  6. In dedicated config files // 独立文件放置
    In package.json // 放package.json里
  7. vue.config.js文件

前言
在使用vue-cli3创建项目后,因为webpack的配置均被隐藏了,当你需要覆盖原有的配置时,则需要在项目的根目录下,新建vue.config.js文件,来配置新的配置。

module.exports = {
lintOnSave: false, // 在保存代码的时候开启eslint代码检查机制
devServer: { // 实时保存、编译的配置段
open:true, // 自动开启浏览器
host: '127.0.0.1', // 服务主机名地址
port: 12306 // 服务运行端口
}
}

|-- dist # 打包后文件夹
|-- public # 静态文件夹
| |-- favicon.ico
| |-- index.html #入口页面
|-- src # 源码目录
| |--assets # 模块资源
| |--components # vue公共组件
| |--views
| |--App.vue # 页面入口文件
| |--main.js # 入口文件,加载公共组件
| |--router.js # 路由配置
| |--store.js # 状态管理
|-- .env.pre-release # 预发布环境
|-- .env.production # 生产环境
|-- .env.test # 测试环境
|-- vue.config.js # 配置文件
|-- .eslintrc.js # ES-lint校验
|-- .gitignore # git忽略上传的文件格式
|-- babel.config.js # babel语法编译
|-- package.json # 项目基本信息
|-- postcss.config.js # CSS预处理器(此处默认启用autoprefixer)

优质内容筛选与推荐>>
1、kvm安装及使用
2、c# 数据库更新操作-文本更新和数值更新小差别
3、Python-条件分支
4、学习一种新编程语言要做的15个练习
5、杂七杂八


长按二维码向我转账

受苹果公司新规定影响,微信 iOS 版的赞赏功能被关闭,可通过二维码转账支持公众号。

    阅读
    好看
    已推荐到看一看
    你的朋友可以在“发现”-“看一看”看到你认为好看的文章。
    已取消,“好看”想法已同步删除
    已推荐到看一看 和朋友分享想法
    最多200字,当前共 发送

    已发送

    朋友将在看一看看到

    确定
    分享你的想法...
    取消

    分享想法到看一看

    确定
    最多200字,当前共

    发送中

    网络异常,请稍后重试

    微信扫一扫
    关注该公众号