vue-cli

mirror of https://github.com/vuejs/vue-cli.git synced 2026-03-09 17:09:05 -05:00

Files

Ray Foss 62e2868007 docs: Include Tip about computed env vars (#1780 )

* Include tip about computed env vars

I'm personally using this frivolously in my own footer
```
// vue.config.js
const revision = require('child_process').execSync('git rev-parse HEAD').toString().trim()
const pjson = require('./package.json')

process.env.VUE_APP_COMMIT = `"${revision}"`
process.env.VUE_APP_VERSION = `"${pjson.version}"`
module.exports = {}
```

```
<template>
  <footer>
      <span>v{{ version }} ({{ commit }})</span>
  </footer>
</template>

<script>
export default {
  data: function () {
    return {
      version: process.env.VUE_APP_VERSION,
      commit: process.env.VUE_APP_COMMIT
    }
  }
}
```

# Validation
 - I'm using this.
 - The inline require doesn't cause lint issues on vue-cli v3 config files. I did a full builds to check.

* tip format match

* tip format

* tip, format

* markdown formatting conflicts with es6 templates

Also, quotes, optional now. interesting. I tried it.

* remove template stray

* filenames are not proper english grammar, yet

2018-07-11 01:28:04 +02:00

.vuepress

chore: add bit sponsor placement

2018-07-01 10:31:22 -04:00

config

docs: assetsDir is ignored when using custom filenames (#1757 )

2018-07-04 20:04:59 +02:00

dev-guide

fix: underscore escaping for dotfiles (#1737 )

2018-07-04 13:12:18 +02:00

guide

docs: Include Tip about computed env vars (#1780 )

2018-07-11 01:28:04 +02:00

README.md

chore: update sponsor

2018-07-02 18:39:42 -04:00

README.md

home, heroImage, actionText, actionLink, footer

home	heroImage	actionText	actionLink	footer
true	/logo.png	Get Started →	/guide/	MIT Licensed \| Copyright © 2018-present Evan You

Feature Rich

Out-of-the-box support for Babel, TypeScript, ESLint, PostCSS, PWA, Unit Testing & End-to-end Testing.

Extensible

The plugin system allows the community to build and share reusable solutions to common needs.

No Need to Eject

Vue CLI is fully configurable without the need for ejecting. This allows your project to stay up-to-date for the long run.

GUI on top of the CLI

Create, develop and manage your projects through an accompanying graphical user interface.

Instant Prototyping

Instantly prototype new ideas with a single Vue file.

Future Ready

Effortlessly ship native ES2015 code for modern browsers, or build your vue components as native web components.

Getting Started

npm install -g @vue/cli
# OR
yarn global add @vue/cli

vue create my-project