A template for vue-class-component
Switch branches/tags
Nothing to show
Clone or download
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
build
config
src
static
.babelrc
.editorconfig
.eslintignore
.eslintrc.js
.gitignore
.postcssrc.js
.prettierrc
README.md
index.html
jsconfig.json
package.json

README.md

Vue Class Component Template

A Vue.js project Template for https://github.com/vuejs/vue-class-component with linting and formatting enabled

NOTE : You have to install the following extensions in vscode for formatting and linting

  1. Eslint
  2. Vetur
  3. Prettier

For more information :

http://csetutorials.com/format-vue-files-visual-studio-code.html

http://csetutorials.com/add-linting-vuejs-project.html

Build Setup

# install dependencies
npm install

# serve with hot reload at localhost:8080
npm run dev

# build for production with minification
npm run build

# build for production and view the bundle analyzer report
npm run build --report

For a detailed explanation on how things work, check out the guide and docs for vue-loader.

Add the below property in vscode

"eslint.validate": [
		"javascript",
		{
			"language": "vue",
			"autoFix": true
		}
	],
"vetur.format.defaultFormatter": {
		"html": "prettier",
		"css": "prettier",
		"postcss": "prettier",
		"scss": "prettier",
		"less": "prettier",
		"js": "prettier",
		"ts": "prettier",
		"stylus": "stylus-supremacy"
	}