Hbuilder创建的H5项目离线环境下运行与打包_hbuilderx离线打包h5

首先全局安装 vue-cli

npm install -g @vue/cli

创建uni-app

• 使用正式版（对应HBuilderX最新正式版）

  vue create -p dcloudio/uni-preset-vue my-project
  

• 使用alpha版（对应HBuilderX最新alpha版）

  vue create -p dcloudio/uni-preset-vue#alpha my-alpha-project
  

• 使用Vue3/Vite版

  • 创建以 javascript 开发的工程（如命令行创建失败，请直接访问 gitee 下载模板）

    npx degit dcloudio/uni-preset-vue#vite my-vue3-project
    

     

    npx degit dcloudio/uni-preset-vue#vite-alpha my-vue3-project
    

  • 创建以 typescript 开发的工程（如命令行创建失败，请直接访问 gitee 下载模板）

    npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project
    

创建好以后参照src里面的内容,将h5的内容替换过来

 最后成下图这样

 npm install 

npm run dev