vue 项目搭建方法

128 阅读1分钟

方法1

  • 安装 图片.png
  • 项目名 图片.png
  • 选择最后一个

图片.png

  • 用空格键点亮三个 图片.png
  • 点第一个 图片.png
  • 点第一个

图片.png

  • 点第一个 图片.png

  • 点第一个 图片.png

  • 点第一个 图片.png

  • 一开始写了项目名这里只写y,如果在最开始没写,这里就写y 项目名 图片.png

  • cd 项目名 :进入项目 图片.png

  • npm run serve(可以更改但要和我画红圈的一样)开启vue服务器 图片.png

  • 修改,页面画红圈的必须与截图一样

图片.png

  • 删除画圈文件 图片.png

  • 清空 图片.png

  • npm run serve再次启动 图片.png

  • 清空 图片.png

  • 添加 requireConfigFile: false,

图片.png

解决版本过低问题

lintOnSave:false,

  chainWebpack: (config) => {

    config.plugin("define").tap((definitions) => {

      Object.assign(definitions[0], {

        __VUE_OPTIONS_API__: "true",

        __VUE_PROD_DEVTOOLS__: false,

        __VUE_PROD_HYDRATION_MISMATCH_DETAILS__: false,

      });

      return definitions;

    });
    }

图片.png

方法2

图片.png

  • cd test1(项目名) 图片.png

  • 清空

图片.png

  • 清空components文件 图片.png

pinia

图片.png

图片.png 持久化存储插件

  • npm i pinia-plugin-persistedstate -D