vue2-elementUI-初始化启动项目-git

前置基础

资料下载-阿里云盘

1. vue
2. axios
3. element-ui
4. npm
5. vscode

初始化项目

1.创建vue2工程

1.1

vue create projectName

1.2 选择

1.3 初始化 vue-cli 的核心步骤：

1. Manually select features
   + (*) Babel
   + ( ) TypeScript
   + ( ) Progressive Web App (PWA) Support
   + (*) Router
   + (*) Vuex
   + (*) CSS Pre-processors
   + (*) Linter / Formatter
   + ( ) Unit Testing
   + ( ) E2E Testing
2. Choose a version of Vue.js that you want to start the project with (Use arrow keys)
   + 2.x
   + 3.x
3. Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n)
   + n
4. Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): (Use arrow keys)
   + Sass/SCSS (with dart-sass)
   + Sass/SCSS (with node-sass)
   + Less
   + Stylus
5. Pick a linter / formatter config: (Use arrow keys)
   + ESLint + Airbnb config
   + ESLint + Standard config
   + ESLint + Prettier
6. Pick additional lint features: (Press to select, to toggle all, to invert selection)
   + (*) Lint on save
   + ( ) Lint and fix on commit
7. Where do you prefer placing config for Babel, ESLint, etc.? (Use arrow keys)
   + In dedicated config files
   + In package.json
8. Save this as a preset for future projects? (y/N)
   + N

1.4 梳理项目结构

为项目开发做准备，把不需要的代码、文件删除掉

1. 重置 src/App.vue 组件中的代码

<template>
  <div>App 根组件</div>
</template>