Vue3后台管理系统之创建和配置项目

# 创建vue3
vue create vue-manage-system

module.exports = {
  devServer: {
    // 配置项目端口
    port: 8868,
    // 启动项目自动打开浏览器
    open: true
  }
}

# 1.进入项目根路径
cd .\vue-manage-system\

# 2.启动项目
npm run serve

 // 添加 vue ⽀持
  "eslint.validate": [
    "javascript",
    "javascriptReact",
    "vue"
  ],

{
  "editor.detectIndentation": false,
  "editor.tabSize": 2,
  // 添加 vue ⽀持
  "eslint.validate": [
    "javascript",
    "javascriptreact",
    "vue"
  ],
  "explorer.compactFolders": false,
  "files.autoSave": "afterDelay",
  "less.compile": {
    "compress": false, // true => remove surplus whitespace
    "sourceMap": true, // true => generate source maps (.CSS.map files)
    "out": true // false => DON'T output .css files (overridable per-file, see below)
  },
  "workbench.iconTheme": "material-icon-theme",
  "[vue]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "eslint.codeAction.showDocumentation": {
    

  
    "enable": true
  },
  "editor.codeActionsOnSave": {
    "source.fixAll.eslint": true
  },
  "[jsonc]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "[javascript]": {
    "editor.defaultFormatter": "esbenp.prettier-vscode"
  },
  "editor.fontLigatures": false,
  "vetur.validation.template": false,
  "vetur.grammar.customBlocks": {

    "docs": "md",
    "i18n": "json"
  },
  "vetur.ignoreProjectWarning": true,
  "[json]": {
  
    "editor.quickSuggestions": {
      "strings": true
    },
    "editor.suggest.insertMode": "replace"
  },
  "vetur.validation.script": false,
  "vetur.validation.style": false
}

# 进入项目根路径
cd vue-manage-system

# 执行全部文件代码格式化
 npm run lint

# 进入项目根路径
cd vue-manage-system

# 执行全部文件代码格式化
 npm run lint

# 进入项目根路径
cd vue-manage-system

# 执行全部文件代码格式化
 npm run serve