title: Hbuilder專案轉vue-cli專案
date: 2023-02-22 10:26:33
category:
- 作業
- 技能提升
cover: https://s1.ax1x.com/2022/11/23/z8L8PS.jpg
tags:
- uniapp
description: Hbuilder專案轉vue-cli專案步驟記錄
Hbuilder 專案轉 vue-cli 專案步驟記錄
全域安裝vue-cli
npm install -g @vue/cli
創建一個空的uni-app工程
vue create -p dcloudio/uni-preset-vue my-project
創建工程后選擇默認模板
安裝nvm
可以參考菜鳥教程的步驟，[點擊跳轉](使用 nvm 管理不同版本的 node 與 npm | 菜鳥教程 (runoob.com))
安裝14版本的node并切換
nvm install 14.1
nvm use 14.1.0
安裝sass
注意在新建的模板目錄中運行安裝
npm install [email protected] --save
npm install [email protected] --save
替換檔案
-
洗掉新建工程目錄中的src里所有內容
-
把Hbuilder新建的專案所有檔案復制到src中，node_modules也需要
正常使用
npm run serve
其他
此文參考[凌晨肆點的洛杉磯](Uni-app工程轉vue-cli工程步驟 - 凌晨肆點的洛杉磯 - 博客園 (cnblogs.com)) 的文章結合本人實際操作而來，感謝大佬的付出，其余步驟如修改css前處理器可參考原文操作，
轉載請註明出處，本文鏈接：https://www.uj5u.com/qiye/544772.html
標籤：其他
上一篇：css優先級和權重