vue3 项目创建

使用 vue 创建项目

• 命令

npm create vue@latest

基础配置

1. 配置IP和localhost打开项目，修改'package.json'文件下的‘scripts’配置
2. --host 0.0.0.0 显示ip地址可以打开项目
3. --open 启动项目，在浏览器中自动打开

  "scripts": {
    "dev": "vite --host 0.0.0.0 --open",
  },

2. 配置端口号，在‘vite.config.js’文件下，新增server配置

export default defineConfig({
  plugins: [
    vue(),
    vueJsx(),
  ],
  // 配置ip地址访问
  server: {
    // host: '192.168.81.166', //这里也可以配置 ip地址
    port: 3000, //端口号
  },
})

3. 启用'eslintrc'自动格式化代码,在‘.eslintrc.cjs’文件中，新增或修改

module.exports = {
  root: true,
  extends: [
    'plugin:vue/vue3-essential',
    'eslint:recommended',
    '@vue/eslint-config-prettier/skip-formatting',
      // 新增下面或替换上行，都行
    '@vue/eslint-config-prettier'
  ],
  parserOptions: {
    ecmaVersion: 'latest'
  }
}