网站首页 > 开源技术 正文
一. 环境安装
1. 安装nodejs
官网下载:http://nodejs.cn/download/
安装
配置环境变量:将node的安装路径配置到Path变量
2. 安装HBuilderX
官网下载:https://www.dcloud.io/hbuilderx.html
安装
3. 创建Vue-cli项目
在HBuilderX中:文件->新建->项目-普通项目,选择vue3项目(选择项目地址,输入项目 名称)
二. 项目发布
2.1 项目结构
node_modules:依赖库
public:打包后文件路径
assets:静态文件路径
components:组件(也就是一个个子页面)
App.vue:默认引入的页面
main.js:运行主入口js
index.html:页面主入口
package.json:安装依赖
package-lock.json:安装依赖生成的文件
vite.config.js:运行配置文件
2.2. 项目发布
方式一:直接在cmd里面运行
npm run dev
或者
npm run serve
方式二:编辑器里面运行
访问项目:
备注:npm命令详解
css# default
## Project setup
```
npm install
```
### Compiles and hot-reloads for development
```
npm run serve
```
### Compiles and minifies for production
```
npm run build
```
### Run your tests
```
npm run test
```
### Lints and fixes files
```
npm run lint
```
- 上一篇: uni-app快速入门
- 下一篇: 使用HBuilderX创建一个vue项目
猜你喜欢
- 2025-01-14 跟我一起开发微信小程序——HBuilderX调试指定页面的使用技巧
- 2025-01-14 HBuilderX 自定义语法提示
- 2025-01-14 Vue项目的创建过程
- 2025-01-14 使用HBuilderX创建一个vue项目
- 2025-01-14 uni-app快速入门
- 2025-01-14 跨平台小程序开发者工具,HBuilder X 还是 VS Code
- 2025-01-14 HBuilderX 3.7.9 安装教程(附安装包下载)
- 2025-01-14 怎样下载和安装HBuilder软件?【附HBuilder快捷键】
- 2024-08-07 Vue.js 模板语法(vue.js基本语法)
- 2024-08-07 干货|SDK集成指南—iOS集成指南(android studio集成sdk)
你 发表评论:
欢迎- 最近发表
- 标签列表
-
- jdk (81)
- putty (66)
- rufus (78)
- 内网穿透 (89)
- okhttp (70)
- powertoys (74)
- windowsterminal (81)
- netcat (65)
- ghostscript (65)
- veracrypt (65)
- asp.netcore (70)
- wrk (67)
- aspose.words (80)
- itk (80)
- ajaxfileupload.js (66)
- sqlhelper (67)
- express.js (67)
- phpmailer (67)
- xjar (70)
- redisclient (78)
- wakeonlan (66)
- tinygo (85)
- startbbs (72)
- webftp (82)
- vsvim (79)
本文暂时没有评论,来添加一个吧(●'◡'●)