美文网首页
使用cli创建支持vue3+vite+ts的uni-app

使用cli创建支持vue3+vite+ts的uni-app

作者: 淡淡烟草味 | 来源:发表于2022-10-20 11:13 被阅读0次

    使用npx创建一个vite-ts的工程项目:

    A、前提:需要全局安装degit (degit 会对 git 仓库进行复制,比使用 git clone 要快得多,因为你不会下载整个 git 历史记录)

    npm install -g degit
    

    B、开始创建工程 my-vue3-project(暂时起这名称):

    # 创建以 javascript 开发的工程  
    npx degit dcloudio/uni-preset-vue#vite my-vue3-project  
    
    # 创建以 ts 开发的工程  
    npx degit dcloudio/uni-preset-vue#vite-ts my-vue3-project  
    

    C、进入目录:

    cd my-vue3-project
    

    D、安装依赖:

    npm i  或  yarn
    

    E、运行项目:

    # 运行到 h5   
    npm run dev:h5  
    # 运行到 app   
    npm run dev:app  
    # 运行到 微信小程序  
    npm run dev:mp-weixin  
    

    F、打包:

    # 打包到 h5   
    npm run build:h5  
    # 打包到 app   
    npm run build:app  
    # 打包到 微信小程序  
    npm run build:mp-weixin  
    

    使用vscode打开看一下:


    20221020111600.png

    相关文章

      网友评论

          本文标题:使用cli创建支持vue3+vite+ts的uni-app

          本文链接:https://www.haomeiwen.com/subject/lxtlgrtx.html