C++_string简单源码剖析：模拟实现string

文章目录

    • 🚀1.构造与析构函数
    • 🚀2.迭代器
    • 🚀3.获取
    • 🚀 4.内存修改
    • 🚀5. 插入
    • 🚀6. 删除
    • 🚀7. 查找
    • 🚀8. 交换swap
    • 🚀9. 截取substr
    • 🚀10. 比较符号重载
    • 🚀11. 清除
    • 🚀12.流插入与流提取

大家好！本文会模拟一个基本的string类，帮助我们更好的理解string的内置函数的实现与规则。

先在.h文件声明每个需要实现的函数，需要实现的成员：

namespace bit
{class string{public://1. 构造函数string(const char* tmp= "");string(const string& tmp);string&operator=(const string& s);~string();//2. 迭代器typedef char* iterator;typedef const char* const_iterator;iterator begin();iterator end();const_iterator begin() const;const_iterator end() const;//3. 获取size_t size() const;char& operator[](size_t pos);const char& operator[](size_t pos) const;//4. 内存修改void reserve(size_t n);//5. 插入string& operator+=(char ch);string& operator+=(const char* str);void push_back(char c);void append(const char* tmp);void insert(int pos, char c);void insert(int pos, const char* tmp);//6. 删除void erase(size_t pos = 0, size_t len = npos);//7. 查找size_t find(char ch, size_t pos = 0);size_t find(const char* str, size_t pos = 0);//8. 交换swapvoid swap(string& s);//9. 截取substrstring substr(size_t pos = 0, size_t len = npos);//10. 比较符号重载bool operator<(const string& s) const;bool operator>(const string& s) const;bool operator<=(const string& s) const;bool operator>=(const string& s) const;bool operator==(const string& s) const;bool operator!=(const string& s) const;//11. 清除void clear();private:char* _ptr;size_t _capacity;size_t _size;const static size_t npos = -1;};//12.流插入与流提取istream& operator>> (istream& is, string& str);ostream& operator<< (ostream& os, const string& str);
}

备注(重要)：npos是 const static修饰的变量，它实际上不在类中，其在.h声明后，必须在.cpp的全局域(如果有命名空间限定则在命名空间中)定义赋值。这里在.h给予一个缺省值也能到达定义的效果，但是仅限整形！！，double类型或者其他的任何类型都不能在声明时给缺省值

接下来在另一个.cpp后缀的文件中一步一步的剖析实现。

注意：

  1. 在.h声明的函数的形参如果有缺省值，.cpp去实现的函数的形参是不带缺省值的
  2. 我这边模拟的string是放在命名bit里面的，在.cpp去实现时，也要放在bit内实现（就是把实现的函数全部用命名空间bit包起来）

🚀1.构造与析构函数

//1. 构造函数string(const char* tmp= "");string(const string& tmp);string&operator=(const string& s);~string();
  1. string::string(const char* tmp):
string::string(const char* tmp) :_size(strlen(tmp))
{_ptr = new char[_size + 1];_capacity = _size;strcpy(_ptr,tmp);
}

备注：其中运用到初始化列表的知识，可以到C++入门 类和对象：深入构造函数，static成员，友元函数这个链接了解了解。


2. string(const string& tmp):

string::string(const string& tmp)
{string s(tmp);swap(s);
}

备注：这是一个比较流氓的写法，生成一个临时的 s去拷贝tmp，然后直接用swap函数交换s里面的内容，完成了拷贝tmp里的内容，同时s在到了生命周期也自动的将释放之前在_ptr指针指向的空间 (注：这个swap函数是我们实现的string内置的函数，它的实现在后文，作用就是交换private里面的三个成员参数：_ptr _capacity _size )

  1. string& operator=(const string& s)
string& string::operator=(const string& s){string s(tmp);swap(s);
}

备注：赋值重载用的方法与拷贝构造(上一个实现的函数)相同。


4. ~string()：

string::~string()
{delete[] _ptr;_capacity =  _size = 0;
}

备注：释放_ptr指向的空间

🚀2.迭代器

typedef char* iterator;
typedef const char* const_iterator;
iterator string::begin()
{return _ptr;
}
iterator string::end()
{return _ptr+ _size;
}
const_iterator string::begin() const
{return _ptr;
}
const_iterator string::end() const
{return _ptr+ _size;
}

备注： begin()返回首元素的指针，end()返回尾元素下一个位置的指针，当然也要多实现一个const的版本，以适应const string类型。

🚀3.获取

//3. 获取size_t string::size() const{return _size;}size_t string::capacity() const{return _capacity;}char& string::operator[](size_t pos){return _ptr[pos];}const char& string::operator[](size_t pos) const{return _ptr[pos];}

备注：其中运用到运算符重载的知识，可以到这个链接了解了解。C++入门 类和对象：深入构造函数，static成员，友元函数

🚀 4.内存修改

//4. 内存修改
void string::reserve(size_t n)
{if(n > _capacity){iterator tmp = _ptr;_ptr = new char[n+1];_capacity = n;strcpy(ptr, tmp);delete[] _tmp;}
}

备注：用tmp保存原先_ptr指向的空间，_ptr去开新空间，之后拷贝，再释放tmp。这个函数我们不会太经常使用它，但是其他的内部函数经常使用。

🚀5. 插入

//5. 插入void push_back(char c);void append(const char* tmp);void insert(int pos, char c);void insert(int pos, const char* tmp);string& operator+=(char ch);string& operator+=(const char* str);

不同的插入函数代表不同的职能，可以到这个链接去了解C++入门 string类(第一章)：string类对象的构造，string类对象的访问即遍历，string类对象的增与删。

push_back：

void string::push_back(char c)
{if(size() == capacity()){int new_capacity = _capacity==0? 4: _capacity*2;reserve(new_capacity);}_ptr[_size] = c;_size++;_ptr[_size] = '\0';
}

备注：先判断是否扩容，再赋值，注意 下标为 _size 位置的是 ‘\0’ ，别忘了在最后补上 ‘\0’


append:

void string::append(const char* tmp)
{int len = strlen(tmp);if(size()+ len >= capacity()){reserve(size()+ len);}strcpy(_ptr+_size,tmp);_size+=len;
}

备注：不用考虑’ \0’的问题，tmp内自带一个’\0’

insert:

void  string::insert(int pos, char c)
{if(size() == capacity()){int new_capacity = _capacity==0? 4: _capacity*2;reserve(new_capacity);}int end = size();while(end >= pos){_ptr[end+1] = _ptr[end];}_size++;_ptr[pos] = c;
}
void  string::insert(int pos, const char* tmp)
{int len = strlen(tmp);if(size()+ len >= capacity()){reserve(size()+ len);}int end = size() +len;while(end>= pos+len){_prt[end] = _ptr[len-len]}memcpy(_ptr+pos,tmp,len);_size +=len;
}

备注：插入字符串的时，图例：
在这里插入图片描述

且不能使用strcpy了，strcpy会同\0一起拷贝，所以这里用memcpy

operator+=:

string& string::operator+=(char ch)
{push_back(ch);
}
string& string::operator+=(const char* str)
{append( str);
}

备注：复用push_back与append

🚀6. 删除

void string::erase(size_t pos , size_t len )
{if(pos+len >= size()){ptr[pos] = '\0';_size = pos+1;}else{strcpy(_ptr+pos,_ptr+pos+len);_size -= len;}
}

备注：从pos开始，删除长度大于size的，直接在pos下标赋值’\0’ ; 除此之外，都将_ptr+pos+len后的字符拷贝到_ptr+pos位置。

🚀7. 查找

//7. 查找size_t find(char ch, size_t pos ){for(int i = 0;  i< size();i++){if(ch == _ptr[i])return i;}return npos;}size_t find(const char* str, size_t pos){char* p = strstr(_ptr + pos, str);return  p - _ptr;}

备注：查找字符串是直接复用库里的strstr函数。

🚀8. 交换swap

//8. 交换swapvoid swap(string& s){std::swap(s._ptr, _ptr);std::swap(s._size, _size);std::swap(s._capacity, _capacity);}

备注：本质是交换private的三个参数。

🚀9. 截取substr

//9. 截取substrstring substr(size_t pos, size_t len){if(pos+len >= size()){string tmp(_ptr+pos);return tmp;}else{string tmp(_ptr+pos);tmp[len+1] = '\0';tmp._size() = len;return tmp;}}

🚀10. 比较符号重载

//10. 比较符号重载
bool string::operator<(const string& s) const
{return strcmp(this->_ptr, s._ptr)<0 ;
}
bool string::operator>(const string& s) const
{return strcmp(this->_ptr, s._ptr) > 0;
}bool string::operator<=(const string& s) const
{return strcmp(this->_ptr, s._ptr) <= 0;}
bool string::operator>=(const string& s) const
{return strcmp(this->_ptr, s._ptr) >= 0;
}bool string::operator==(const string& s) const
{return !strcmp(this->_ptr, s._ptr);
}
bool string::operator!=(const string& s) const
{return strcmp(this->_ptr, s._ptr);
}

备注：复用的是库里的strcmp函数。一个一个字符比较，不相等就返回结果，字符大小的判断咨询ASCll码

🚀11. 清除

//11. 清除void string::clear(){_size = 0;_ptr[0] = '\0';}

备注：clear同样也可以复用erase去实现

🚀12.流插入与流提取

//12.流插入与流提取istream& operator>> (istream& is, string& str){str.clear();char ch = get();while(ch != '\0'){str+=ch;get();}return is;}ostream& operator<< (ostream& os, const string& str){for (size_t i = 0; i < str.size(); i++){os << str[i];}return os;}

备注：流插入与流提取不是成员函数，实现在类外。 >>重载用到get函数，取得一个输入的字符并尾插到str，当这个字符是换行’\n’时，就不再获取。

全部代码：

//.h
#pragma once
#define _CRT_SECURE_NO_WARNINGS 1
#include <iostream>
#include <cstring>
#include<string>
using namespace std;
namespace bit
{class string{public://构造函数//string();string(const char* tmp= "");string(const string& tmp);string&operator=(const string& s);~string();//迭代器typedef char* iterator;typedef const char* const_iterator;iterator begin();iterator end();const_iterator begin() const;const_iterator end() const;//获取size_t size() const;size_t capacity() const;char& operator[](size_t pos);const char& operator[](size_t pos) const;//内存修改void reserve(size_t n);//插入string& operator+=(char ch);string& operator+=(const char* str);void push_back(char c);void append(const char* tmp);void insert(int pos, char c);void insert(int pos, const char* tmp);//删除void erase(size_t pos = 0, size_t len = npos);//查找size_t find(char ch, size_t pos = 0);size_t find(const char* str, size_t pos = 0);//交换swapvoid swap(string& s);//截取substrstring substr(size_t pos = 0, size_t len = npos);//比较符号重载bool operator<(const string& s) const;bool operator>(const string& s) const;bool operator<=(const string& s) const;bool operator>=(const string& s) const;bool operator==(const string& s) const;bool operator!=(const string& s) const;//清除void clear();private:char* _ptr;size_t _capacity;size_t _size;const static size_t npos = -1;};//流插入与流提取istream& operator>> (istream& is, string& str);ostream& operator<< (ostream& os, const string& str);
}//.cpp
#include "string.h"namespace bit
{//构造函数//string();string::string(const char* tmp) :_size(strlen(tmp)){_ptr = new char[_size + 1];_capacity = _size;strcpy(_ptr,tmp);}string::~string(){delete[] _ptr;_capacity = _size = 0;}string& string::operator=(const string& s){//方法1 ： 传统方法if (this != &s){char* tmp = new char[s._capacity + 1];strcpy(tmp, s._ptr);delete[] _ptr;_ptr = tmp;_size = s._size;_capacity = s._capacity;}//新派方法,使用swap直接拷贝//string tmp_s(s._ptr);//this->swap(tmp_s);return *this;}string::string(const string& tmp) {//方法1 ： 传统方法/*_size = tmp._size  ;_capacity = tmp._capacity;_ptr = new char[_capacity + 1];strcpy(_ptr, tmp._ptr);*///方法2 ：新派方法,使用swap直接拷贝string tmp_s(tmp._ptr);this->swap(tmp_s);}//迭代器string::iterator string::begin(){return _ptr;}string::iterator string::end(){return _ptr+_size;}string::const_iterator string::begin() const{return _ptr;}string::const_iterator string::end() const{return _ptr + _size;}//获取size_t string::size() const{return _size;}size_t string::capacity() const{return  _capacity;}char& string::operator[](size_t pos){return _ptr[pos];}const char& string::operator[](size_t pos) const{return _ptr[pos];}//内存修改void string::reserve(size_t n){if (n > _capacity){iterator tmp = _ptr;_ptr = new char[n + 1];_capacity = n;strcpy(_ptr, tmp);delete[] tmp;}}	/*void string::print(){int i = 0;while (i != _size){cout << _ptr[i] ;i++;}}*///插入void string::push_back(char c){if (_size == _capacity){int new_capacity = _capacity == 0 ? 4 : _capacity * 2;reserve(new_capacity);}_ptr[_size] = c;_size++;_ptr[_size] = '\0';}void string::append(const char* tmp){int len = strlen(tmp);if (size() + len >= capacity()){reserve(size() + len);}strcpy(_ptr + _size, tmp);_size += len;}void string::insert(int pos, char c){if (_size == _capacity){int new_capacity = _capacity == 0 ? 4 : _capacity * 2;reserve(new_capacity);}size_t end = _size;while ((int)end >= pos){_ptr[end + 1] = _ptr[end];end--;}_ptr[pos] = c;_size++;}void string::insert(int pos, const char* tmp){int len = strlen(tmp);if (_size + len >= _capacity){reserve(size() + len);}int end = (int)_size + len;while (end >= pos + len){_ptr[end] = _ptr[end - len];end--;}memcpy(_ptr + pos, tmp, len);_size += len;}string& string::operator+=(char ch){this->push_back(ch);return *this;}string& string::operator+=(const char* str){this->append(str);return *this;}//删除void string::erase(size_t pos, size_t len){if (pos + len >= _size){_ptr[pos] = '\0';_size = pos;}else{strcpy(_ptr + pos, _ptr + pos+len);_size -= len;}}//查找size_t string::find(char ch, size_t pos ){for (int i = pos; i < _size; i++){if (ch == _ptr[i]){return i;}}return npos;}size_t string::find(const char* str, size_t pos ){char* p = strstr(_ptr + pos, str);return  p - _ptr;}void string::swap(string& s){std::swap(s._ptr, _ptr);std::swap(s._size, _size);std::swap(s._capacity, _capacity);}string string::substr(size_t pos , size_t len){if (pos + len >= _size){string tmp(_ptr + pos);return  tmp;}else{string tmp(_ptr + pos);tmp._size = len;tmp._ptr[len] = '\0';return tmp;}}bool string::operator<(const string& s) const{return strcmp(this->_ptr, s._ptr)<0 ;}bool string::operator>(const string& s) const{return strcmp(this->_ptr, s._ptr) > 0;}bool string::operator<=(const string& s) const{return strcmp(this->_ptr, s._ptr) <= 0;}bool string::operator>=(const string& s) const{return strcmp(this->_ptr, s._ptr) >= 0;}bool string::operator==(const string& s) const{return !strcmp(this->_ptr, s._ptr);}bool string::operator!=(const string& s) const{return strcmp(this->_ptr, s._ptr);}void string::clear(){_size = 0;_ptr[0] = '\0';}istream& operator>> (istream& is, string& str){str.clear();char ch = is.get();while ( ch != '\n'){str += ch;ch = is.get();}return is;}ostream& operator<< (ostream& os, const string& str){for (size_t i = 0; i < str.size(); i++){os << str[i];}return os;}}

本文就到这里，感谢你看到这里！
我知道一些人看文章喜欢静静看，不评论，但是他会点赞，这样的人，帅气低调有内涵，美丽大方很优雅，明人不说暗话，要你手上的一个点赞！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/diannao/15199.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

副业树洞聊天项目/树洞倾诉/陪陪系统源码/树洞源码下载搭建

副业树洞聊天项目/树洞倾诉/陪陪系统源码/树洞源码下载搭建

随着社会的发展和人们生活水平的提高&#xff0c;越来越多的人在面临心理压力、情感困扰或生活困境时&#xff0c;需要一个可以宣泄、倾诉和寻求支持的平台。而传统的人际交往方式往往会遇到难以排解的问题&#xff0c;比如担心被他人知晓自己的隐私等&#xff0c;这就导致了人…
阅读更多...
package.json中peerDependencies的使用场景

package.json中peerDependencies的使用场景

文章目录 peerDependencies 的使用场景peerDependencies 的使用案例为什么使用 peerDependencies需要注意的事项主要作用 ✍创作者&#xff1a;全栈弄潮儿 &#x1f3e1; 个人主页&#xff1a; 全栈弄潮儿的个人主页 &#x1f3d9;️ 个人社区&#xff0c;欢迎你的加入&#xf…
阅读更多...
DNS服务的部署与配置（1）

DNS服务的部署与配置（1）

一、DNS的定义 1、域名系统&#xff08;英文&#xff1a;Domain Name System&#xff0c;缩写&#xff1a;DNS&#xff09;是互联网的一项服务。 它作为将域名和IP地址相互映射的一个分布式数据库&#xff0c;能够使人更方便地访问互联网。 DNS使用UDP端口53。 当前&#xff0…
阅读更多...
超简单白话文机器学习 - 回归树树剪枝（含算法介绍，公式，源代码实现以及调包实现）

超简单白话文机器学习 - 回归树树剪枝（含算法介绍，公式，源代码实现以及调包实现）

1. 回归树 1.1 算法介绍 大家看到这篇文章时想必已经对树这个概念已经有基础了&#xff0c;如果不是很了解的朋友可以看看笔者的这篇文章&#xff1a; 超简单白话文机器学习-决策树算法全解&#xff08;含算法介绍&#xff0c;公式&#xff0c;源代码实现以及调包实现&#x…
阅读更多...
BL121DT网关在智能电网分布式能源管理中的应用钡铼技术协议网关

BL121DT网关在智能电网分布式能源管理中的应用钡铼技术协议网关

随着全球能源结构的转型和智能电网技术的飞速发展&#xff0c;分布式能源管理系统在提高能源利用效率、促进可再生能源接入及保障电网稳定运行方面发挥着日益重要的作用。然而&#xff0c;分布式能源系统内设备种类繁多&#xff0c;通信协议各异&#xff0c;如何高效整合这些设…
阅读更多...
如何从http免费升级到https

如何从http免费升级到https

使用https协议开头是为了在用户访问网站时提供更安全的网络环境。相比http&#xff0c;使用https有数据加密、身份验证、保护隐私、搜索引擎优化等优势。一般获取https证书&#xff0c;则需要支付费用给证书颁发机构&#xff08;CA&#xff09;。还有一些免费的证书证书颁发机构…
阅读更多...
解决 SpringBoot 的 Date、LocalDateTime 变成时间戳和数组的问题，创建自定义对象消息转换器

解决 SpringBoot 的 Date、LocalDateTime 变成时间戳和数组的问题，创建自定义对象消息转换器

问题描述 SpringBoot 项目&#xff0c;当返回前端的数据类型为 Map 的时候&#xff0c;在 Map 中 put() 时间对象会出现以下问题&#xff1a; 传递的 Date 对象会变成时间戳传递的 LocalDateTime 对象会变成数组 问题复现 编写一个 Controller 方法&#xff0c;返回值为 Ma…
阅读更多...
Java并发: 基于Unsafe的CAS实现无锁数据结构

Java并发: 基于Unsafe的CAS实现无锁数据结构

在上一篇Java并发: 面临的挑战文章中说过CAS是解决原子性问题的方案之一。Unsafe提供了CAS的支持&#xff0c;支持实例化对象、访问私有属性、堆外内存访问、线程的启停等功能。 许多Java的并发类库都是基于Unsafe实现的&#xff0c;比如原子类AtomicInteger&#xff0c;并发数…
阅读更多...
多线程（C++11）

多线程（C++11）

多线程&#xff08;C&#xff09; 文章目录 多线程&#xff08;C&#xff09;前言一、std::thread类1.线程的创建1.1构造函数1.2代码演示 2.公共成员函数2.1 get_id()2.2 join()2.3 detach()2.4 joinable()2.5 operator 3.静态函数4.类的成员函数作为子线程的任务函数 二、call…
阅读更多...
【Linux学习】深入探索进程等待与进程退出码和退出信号

【Linux学习】深入探索进程等待与进程退出码和退出信号

文章目录 退出码return退出 进程的等待进程等待的方法 退出码 main函数的返回值&#xff1a;进程的退出码。 一般为0表示成功&#xff0c;非0表示失败。 每一个非0退出码都表示一个失败的原因&#xff1b; echo $&#xff1f;命令 作用&#xff1a;查看进程退出码。&#xf…
阅读更多...
I.MX6ULL Linux C语言开发环境搭建（点灯实验）

I.MX6ULL Linux C语言开发环境搭建（点灯实验）

系列文章目录 I.MX6ULL Linux C语言开发 I.MX6ULL Linux C语言开发 系列文章目录一、前言二、硬件原理分析三、构建步骤一、 C语言运行环境构建二、软件编写三、链接脚本 四、实验程序编写五、编译下载验证 一、前言 汇编语言编写 LED 灯实验&#xff0c;但是实际开发过程中汇…
阅读更多...
Go语言的内存泄漏如何检测和避免？

Go语言的内存泄漏如何检测和避免？

文章目录 Go语言内存泄漏的检测与避免一、内存泄漏的检测1. 使用性能分析工具2. 使用内存泄漏检测工具3. 代码审查与测试 二、内存泄漏的避免1. 使用defer关键字2. 使用垃圾回收机制3. 避免循环引用4. 使用缓冲池 Go语言内存泄漏的检测与避免 在Go语言开发中&#xff0c;内存泄…
阅读更多...
【已解决】C#设置Halcon显示区域Region的颜色

【已解决】C#设置Halcon显示区域Region的颜色

前言 在开发过程中&#xff0c;突然发现我需要显示的筛选区域的颜色是白色的&#xff0c;如下图示&#xff0c;这对我们来说不明显会导致我的二值化筛选的时候存在误差&#xff0c;因此我们需要更换成红色显示这样的话就可以更加的明显&#xff0c;二值化筛选更加的准确。 解…
阅读更多...
java: 无法访问org.springframework.ldap.core.LdapTemplate

java: 无法访问org.springframework.ldap.core.LdapTemplate

完整错误&#xff1a; java: 无法访问org.springframework.ldap.core.LdapTemplate错误的类文件: /E:/apache-maven-3.6.3/repository/org/springframework/ldap/spring-ldap-core/3.2.3/spring-ldap-core-3.2.3.jar!/org/springframework/ldap/core/LdapTemplate.class类文件具…
阅读更多...
《2024年中国机器人行业投融资报告》| 附下载

《2024年中国机器人行业投融资报告》| 附下载

近年来&#xff0c;国内机器人行业取得了显著的技术进步&#xff0c;包括人工智能、感知技术、自主导航等技术方面的突破&#xff0c;使得机器人能够更好地适应复杂环境和任务需求&#xff0c;带动了机器人行业加快发展。 当然&#xff0c;技术的进步是外在驱动因素&#xff0…
阅读更多...
探索集合python（Set）的神秘面纱：它与字典有何不同？

探索集合python（Set）的神秘面纱：它与字典有何不同？

新书上架~&#x1f447;全国包邮奥~ python实用小工具开发教程http://pythontoolsteach.com/3 欢迎关注我&#x1f446;&#xff0c;收藏下次不迷路┗|&#xff40;O′|┛ 嗷~~ 目录 一、集合&#xff08;Set&#xff09;与字典&#xff08;Dictionary&#xff09;的初识 1. …
阅读更多...
L2-038 病毒溯源

L2-038 病毒溯源

详解代码 #include <iostream> #include <cstring> #include <algorithm>using namespace std;const int N 10010,M10010;int n; int h[N], e[M], ne[M], idx;//邻接表,h表示顶点&#xff0c;e表示当前边的终点&#xff0c;ne表示下一条边&#xff0c;idx当…
阅读更多...
海外动态IP代理如何提高效率？

海外动态IP代理如何提高效率？

动态住宅IP代理之所以能够有效提升数据爬取的效率和准确性&#xff0c;主要归功于其提供的IP地址具有高度的匿名性和真实性。这些IP地址来自于真实的用户网络&#xff0c;因此相比于数据中心IP&#xff0c;它们更不容易被网站的安全系统标识为爬虫。此外&#xff0c;由于IP地址…
阅读更多...
【vue-1】vue入门—创建一个vue应用

【vue-1】vue入门—创建一个vue应用

最近在闲暇时间想学习一下前端框架vue&#xff0c;主要参考以下两个学习资料。 官网 快速上手 | Vue.js b站学习视频 2.创建一个Vue3应用_哔哩哔哩_bilibili 一、创建一个vue3应用 <!DOCTYPE html> <html lang"en"> <head><meta charset&q…
阅读更多...
NodeJS安装并生成Vue脚手架(保姆级)

NodeJS安装并生成Vue脚手架(保姆级)

文章目录 NodeJS下载配置环境变量Vue脚手架生成Vue脚手架创建项目Vue项目绑定git 更多相关内容可查看 NodeJS下载 下载地址&#xff1a;https://nodejs.org/en 下载的速度应该很快&#xff0c;下载完可以无脑安装&#xff0c;以下记得勾选即可 注意要记住自己的安装路径&…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023