VUE3-创建项目《一》
创始人
2024-04-26 20:01:00
0

本案例使用vue3进行学习记录,和vue2有些是通用的。

1.需要了解HTML,CSS,JavaScript。

2.了解Node和NPM,node是vue的开发环境,npm是依赖管理包,npm就和Java的maven一样,和c#的NuGet一样,都是管理包的工具。

3.打包工具,webpack和vue/cli,都是对整个web程序进行打包的,二选一即可,一般使用自带的vue/cli打包。

4.开发vue的时候有2种方式。

一是:直接引入vue.js文件,就是在官网下载好文件,然后对文件进行引入。

二是:使用node环境进行创建vue项目。

2选1都可以,然后选择市面上的前端开发工具,VScode或者HBuilderX,本文以后选择使用HBuilderX,因为我感觉比较轻量级。核心是,无论选择那个开发工具,2种方式是不会变化的,必须选择其一,当然没有必要混合在一起,多此一举。

下面分别对2种方式进行实例操作。推荐使用第二种,更加符合实际工作模式。

一是直接引入

1.官网下载快速上手 | Vue.js,使用CDN的方式

2.使用HBuilder X建立一个项目,如图所示

3.然后把刚才的命令复制进去


{{ message }}

点击运行,效果

这样就是一个使用CDN方式创建的vue程序,然后很多业务逻辑都以这样的格式写就行了,这种不适合实际项目开发。下面我们介绍使用node的方式创建。

二是使用node

这部分单独提取出来后,整理了一下

参考,使用HBuilder X开发Vue3+node+element-plus

使用HBuilder X开发Vue3+node+element-plus_故里2130的博客-CSDN博客_hbuilderx vue3

相关内容

热门资讯

监控摄像头接入GB28181平... 流程简介将监控摄像头的视频在网站和APP中直播,要解决的几个问题是:1&...
Windows10添加群晖磁盘... 在使用群晖NAS时,我们需要通过本地映射的方式把NAS映射成本地的一块磁盘使用。 通过...
protocol buffer... 目录 目录 什么是protocol buffer 1.protobuf 1.1安装  1.2使用...
在Word、WPS中插入AxM... 引言 我最近需要写一些文章,在排版时发现AxMath插入的公式竟然会导致行间距异常&#...
Fluent中创建监测点 1 概述某些仿真问题,需要创建监测点,用于获取空间定点的数据࿰...
educoder数据结构与算法...                                                   ...
MySQL下载和安装(Wind... 前言:刚换了一台电脑,里面所有东西都需要重新配置,习惯了所...
MFC文件操作  MFC提供了一个文件操作的基类CFile,这个类提供了一个没有缓存的二进制格式的磁盘...
有效的括号 一、题目 给定一个只包括 '(',')','{','}'...
【Ctfer训练计划】——(三... 作者名:Demo不是emo  主页面链接:主页传送门 创作初心ÿ...