Vue Cli Template
基于vue官方最新cli4.x定制，意在提升项目开发体验及可维护性；适用中大型项目，适用PC & H5；含前端团队开发规范文档；VSCode + ES6 + vue + vue-router + vuex + lodash(荐) + axios(荐) + element-ui(荐) | vant(荐)；
Overview
This content provides recommendations and guidelines for developing projects using the CLI. It covers topics such as setting up the local and testing environments, developing plugins and tools, using axios, and following development best practices. It also includes suggestions for naming conventions, handling CSS in components, and using Vue Router and Vuex. Additionally, it provides recommendations for IDE, JavaScript, and CSS coding practices, as well as guidelines for commenting code.
Features
- Project setup using CLI: Generate project and setup development, stage, and test environments
- Development tools and plugins: Recommendations for essential tools and plugins for development, such as VSCode, ESLint, and Vue Devtools
- Development best practices: Guidelines for environment variables, data flow in Vue components, global component registration, and component naming conventions
- CSS management in components: Recommendations for using CSS Modules, class naming conventions, and modularization of styles
- Vue Router and Vuex usage: Guidelines for defining routes, managing shared data using Vuex, and module reuse
- Miscellaneous code recommendations: IDE suggestions, JavaScript variable naming conventions, module design principles, and code commenting guidelines
Summary
This content provides a comprehensive guide for setting up and developing projects using the recommended CLI. It covers various aspects such as environment setup, development tools, coding standards, and usage of Vue Router and Vuex. By following these guidelines, developers can ensure a standardized and efficient development process for Vue.js projects.
- Express
Express.js is a simple Node.js framework for single, multi-page, and hybrid web applications.
- Vue
Vue.js is a lightweight and flexible JavaScript framework that allows developers to easily build dynamic and reactive user interfaces. Its intuitive syntax, modular architecture, and focus on performance make it a popular choice for modern web development.
- LESS
Less CSS is a dynamic stylesheet language that extends the capabilities of CSS, allowing developers to write cleaner, more modular, and reusable stylesheets with features like variables, mixins, and nested rules.
- Eslint
ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.
- Stylelint
Stylelint is a modern linter for CSS that helps you avoid errors and enforce consistent styling conventions. It provides rules for detecting errors and warnings, and can be configured to match your specific project's requirements.