Hbuilder项目转vue-cli项目
2023-03-31 11:05:42 时间
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 node-sass@4.14.1 --save
npm install sass-loader@8.0.0 --save
替换文件
-
删除新建工程目录中的src里所有内容
-
把Hbuilder新建的项目所有文件复制到src中,node_modules也需要
正常使用
npm run serve
其他
此文参考[凌晨肆点的洛杉矶](Uni-app工程转vue-cli工程步骤 - 凌晨肆点的洛杉矶 - 博客园 (cnblogs.com)) 的文章结合本人实际操作而来,感谢大佬的付出。其余步骤如修改css预处理器可参考原文操作。
相关文章
- 一文搞懂 Linux 时间子系统
- 11 款可替代 top 命令的工具!
- Openharmony 添加内核驱动(L1)
- OpenHarmony啃论文俱乐部—轻翻那些永垂不朽的诗篇
- OpenHarmony AI推理任务管理与统一推理接口介绍
- 快速关闭电脑的捷径,在Windows 11桌面上添加关机快捷方式
- 从 Ubuntu 22.04 开始,Firefox 将只提供 snap 包
- 格式化 Shell 脚本利器,轻松理解复杂代码
- Shell 教程:编写 BASH 'for'循环的正确姿势
- 如何双启动 Fedora 和 Windows
- Mozilla 正式推出开发者订阅服务 MDN Plus
- Fuchsia OS 负责人离职,为项目未来蒙上阴影
- 用 Skanlite 在 Linux 上扫描文件和老照片
- 盘点 Chrome 插件开发中那些关键的点!
- Clear Linux 是首个提供 GNOME 42 的发行版
- Windows 10一功能,能让机械硬盘“翻身”成SSD!不信就来试试?
- 乔布斯领导下的杰作,苹果“革命性”Mac OS X 系统的发展史
- 微软Edge在最新Canary版本中意外引入了Chrome的侧面板功能
- 初级:Ubuntu 中怎么卸载 Linux 应用
- 2022年四款用于网络安全的优秀 Linux 开源防火墙