想写一些关于vue的文章已经很久了，因为这个框架已经火了很久，在公司里用的框架都比较老旧，但怎么也得跟上前端发展变化的潮流，这不，开始使用vue开发项目了，一遍开发一边踩坑中，今天要记录的是五分钟搭建vue开发环境，运行GitHub上的开源项目。步骤很简单，只是在搭建环境的过程中会遇到各种各样奇怪的报错，十分让人头疼。官方文档：https://cn.vuejs.org/1：安装no
Vue项目的搭建流程1、检查是否安装nodenode -v2、检查是否安装vuevue -V3、下载vue-cli框架在这里我用的是命令窗口下载，还可以用可视化窗口下载vue create demo //回车在这里选择最后一个，手动选择功能，然后回车在这里可以选择一些配置项，(Babel,Router,Vuex,CSS)，然后回车上下键可以来回选择，空格键可以选中或取消选中是否选用历史路由，我在
目录一、项目准备1.1、Vite搭建项目1.2、vue_cli创建项目二、组合式API(基于setup)基础语法2.1、ref2.1.1、定义响应式变量2.1.2、标签/组件的ref属性(打标记)2.1.3、弹窗组件打印报undefined2.2、reactive2.3、toRefs2.4、watch和watchEffect2.5、computed2.6、生命周期钩子函数2.7、setup(子组件
一：VUE基础1: 项目搭建VUE create 项目名称 1.1 创建步骤 1.2 使用空格键选择相应选项 上面两个选项随便选一个。 2： 运行项目 安装完后 进入项目的根目录，运行npm run serve即可启动项目 访问地址 localhost:80802:基本指令2.1 声明式渲染Vue.js 的核心是一个允许采用简洁的模板语法来声明式地将数据渲染进 DOM 的系统 。Mustache
目录一、目录调整二、更改配置项三、vue.js插件四、导入测试五、打包六、发布到npm 一、目录调整根目录创建两个文件夹packages和examples
packages：用于存放所有的组件（把components中所有的组件放入到packages中），该文件夹主要用于打包发布。 examples：用于进行测试（这里是把src改成examples）。二、更改配置项更改目录结构后，vue项目是无
学习Vue3
原创
2022-12-21 11:32:12
73阅读
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、vue-devtools是什么？二、vue-devtools安装1.下载vue-devtools工具2.安装vue-devtools工具三、vue-devtools的使用总结 前言主要介绍vue-devtools的安装与使用。一、vue-devtools是什么？vue-devtools是一款基于chrome游览器的插
一、Vue 3介绍：// 创建一个 Vue 实例
const app = Vue.createApp({
data() {
return {
message: 'Hello Vue!'
}
}
})
app.mount('#app')二、安装Vue 3：npm install -g @vue/cli
# 或者
yarn global add @vue/cli
原创
2023-11-13 09:41:58
70阅读
VUE常用的一些移动端组件库1.cube-ui2.NutUI3.VUX4.Mint-ui5.Vant6.MUI(mob)7.Muse-ui 1.cube-ui地址：https://didi.github.io/cube-ui/#/zh-CN demo:https://didi.github.io/cube-ui/example/#/特性1.质量可靠由滴滴内部组件库精简提炼而来，经历了业务一年多的
项目里自己封装了一些常用组件，但要是 新启项目 还得手动复制过去。尝试着能不能 像mint-ui似的，封装成npm包， 以后直接使用npm安装，肯定方便多了。开干吧！！！1、尝试封一个普通组件 上传到npm 使用vue-cli 创建一个 基础项目。 1、组件改装本例使用的是 项目 自带的 helloworld 组件，本身不用做改动。主要是一些配置文件的更改。a、package.json文件
# Vue 3 + TypeScript 搭建项目详解
随着前端技术的发展，Vue 3 作为一款现代化的 JavaScript 框架，得到了广泛的应用。同时，TypeScript 作为一种强类型的编程语言，也越来越受到开发者的青睐。本文将带你了解如何在 Vue 3 项目中使用 TypeScript，并提供相关代码示例，帮助你更好地掌握这一技术组合。
## 环境准备
我们首先需要安装 Node
原创
2024-10-04 05:32:50
25阅读
# 使用Vue 3搭建Axios的详细指南
在Web开发中，Axios是一个非常流行的HTTP客户端，用于执行AJAX请求。在这篇文章中，我们将学习如何在Vue 3项目中搭建Axios，并进行基本的配置与使用。下面是实现这一目标的流程概述：
| 步骤 | 描述 |
|------|---------------------------|
| 1
用Vue-cli3.X搭建Vue开发环境的方法有两种：第一种：基于 交互式命令行 的方式，创建新版 vue 项目第一步：打开控制台输入安装命令npm i -g @Vue/cli然后回车，要等待安装完成注意：我是用淘宝镜像所以是cnpm i -g @Vue/cli，如果不用淘宝镜像用npm i -g @Vue/cli即可 安装完成后控制台输入命令:vue -V检查脚手架是否安装完成已经安装的版本 G
一、安装环境node.js1.安装地址：https://nodejs.org/zh-cn本地运行安装时可以自定义安装地址，其他直接点下一步2.安装成功后，运行指令node -v可以查看版本3.环境变量配置说明：主要配置的是npm安装的全局模块所在的路径，以及缓存cache的路径。修改配置的原因：在执行类似：npm install express [-g] （后面的可选参数-g，g代表global全
第一步 安装最新的vue vue-cli 第二步 创建一个项目 第三步 安装 axios，sass等 第四步 main.ts 项目已经发布到g...
原创
2022-07-16 00:58:08
266阅读
搭建Vue3框架
原创
2023-08-13 00:56:39
1580阅读
Vue 是一个轻巧、高性能、可组件化的MVVM库，API简洁明了，上手快。从Vue推出以来，得到众多Web开发者的认可。在公司的Web前端项目开发中，多个项目采用基于Vue的UI组件框架开发，并投入正式使用。开发团队在使用Vue.js框架和UI组件库以后，开发效率大大提高，自己写的代码也少了，很多界面效果组件已经封装好了。在选择Vue UI组件库的过程中，通过GitHub上根据star数量、文档丰
转载
2024-04-30 20:52:48
396阅读
前言不会 webpack，遇到报错就一头雾水，完全不知道怎么办，而且体积还大速度还慢。所以尤雨溪做了 vite 后就很向往，只是知道自己水平有限还是等大佬先趟趟坑，等差不多了在跳。现在vite2发布了，官网也有了，网上也能找到大佬写的相关资料，时机应该成熟可以往里跳了。所以打算做个开源博客，一边做这个小项目，一边学习 vite2 和vue3，还有相关知识。为啥选择博客呢？因为功能相对比较简单，不考
推荐
原创
2021-04-24 21:10:55
1864阅读
NPM 方法 由于 npm 安装速度慢，本教程使用了淘宝的镜像及其命令 cnpm， 安装使用介绍参照，使用淘宝 NPM 镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org npm 版本需要大于 3.0，如果低于此版本需要 ...
转载
2021-07-26 11:34:00
471阅读
2评论
Vue3入门之环境搭建
原创
2023-06-06 16:42:08
1565阅读
点赞
