How to use vue2.0+ElementUI Framework to develop pc Project

This article focuses on "how to use vue2.0+ElementUI framework to develop pc projects", interested friends may wish to have a look. The method introduced in this paper is simple, fast and practical. Let's let the editor take you to learn how to develop a pc project with vue2.0+ElementUI framework.

Pre-development preparation

Vue.js2.0 Chinese, the js framework used by the project

Vue-router,vue.js matching routing

Vuex, state management

Element,UI framework

1. Build the project framework according to the official guidelines

Install vue npm install vue@2.1.6 Global install vue-cli npm install-global vue-cli create a new project based on webpack template my-project vue init webpack my-project enter the project directory cd my-project installation depends on npm install run the project npm run dev

2. Use webpack+ sass to write css

Less is a css preprocessing language that extends css, adding variables, Mixin, and so on. To use sass, you need to install the sass service, and sass-loader is used for packaging

Of course, style-loader and css-loader are needed to correctly parse sass into css. Loader is one of the important functions of webpack, by using different loader

Webpack can use external scripts or tools to work with different format types of files, such as ".sass" files at sass-loader.

First install:

Npm install sass--save-devnpm install style-loader css-loader sass-loader-- save-dev

Introduction to Koala, a compiler tool for 3meme LESSUniverse Sass.

Koala is a free front-end preprocessor language graphic compiler tool made in China, which supports Less, Sass, Compass and CoffeeScript, and helps web developers to use them more efficiently. It runs across platforms and is perfectly compatible with windows, linux and mac.

At this point, I believe you have a deeper understanding of "how to use vue2.0+ElementUI framework to develop pc projects". You might as well do it in practice. Here is the website, more related content can enter the relevant channels to inquire, follow us, continue to learn!