前言 如果有不完善的地方请多多指教1.创建项目1.安装 nodejs
2.检查是否安装正常
    node -v
    npm -v
    显示版本号后,即安装正常
3.安装淘宝镜像(非常不推荐,因为会出一些莫名其妙的问题)
    npm  install  -g  cnpm  --registry=https://registry.npm.taobao.org    
4.安装脚手架            
                
         
            
            
            
            一、使用 Vue CLI 创建(推荐企业级项目)
1. 环境准备
确保 Node.js ≥16.0,执行 node -v 验证版本
升级/安装 Vue CLI:npm install -g @vue/cli         # 全局安装
vue --version                   # 确认版本 ≥4.5.0 
2. 创建项目
vue create your-projec            
                
         
            
            
            
            1,vue create 项目名称 2, default(babel,eslint):默认设置(直接enter)非常适合快速创建一个新项目的原型,没有带任何辅助功能的 npm包 [Vue 2] 默认设置创建vue2项目 [Vue 3] 默认设置创建vue3项目 Manually select fea ...            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2021-08-22 01:54:00
                            
                                298阅读
                            
                                                                                    
                                2评论
                            
                                                 
                 
                
                             
         
            
            
            
            前提条件 安装 Nodejs 下载:https://nodejs.org/en/download/prebuilt-installer 切换 npm 源 npm config set registry https://registry.npmmirror.com/ 创建Vue npm create            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-06-05 12:17:17
                            
                                95阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            除了使用 vue create 命令创建项目,我们还可以使用可视化创建工具来创建项目。按下回车键后就会进入安装,等候片刻即可完成安装。            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2024-10-14 09:51:09
                            
                                79阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            前言最近重新巩固了一下 Vue 组件的知识,还是有收获的,这里备份以便以后回顾。本篇讲解一下 Vue 组件的创建的三种方式吧。一、常用的创建方式<div id="app">
			<my-component></my-component>
		</div>
		<script>
			Vue.component('my-component            
                
         
            
            
            
            环境:Mac 工具:Hbuilder通过命令创建项目1.创建项目打开终端,进入你要放项目的文件夹,vue -V检查是否有脚手架vue cli,然后进行创建:vue create 项目名。2.选择默认创建3.完毕,会出现提示命令。按照提示命令依次执行。4.完毕,选择网址在浏览器打开并出现如下界面5.到编辑软件,文件–打开目录–刚才的创建的项目名。即可使用啦。6.如过control c停掉了刚才第4步            
                
         
            
            
            
            :MyBlog - VueCLI 3.0, Node.js & TypeScript 实践该项目()是一个基于Vue CLI 3.0、Node.js和TypeScript构建的个人博客系统,展示了现代前端技术和后端服务的集成应用。通过深入理解和学习此项目,开发者可以提升自己在全栈开发领域的技能。技术分析前端 - Vue CLI 3.0Vue CLI 3.0 是一个强大的脚手架工具,提供快速            
                
         
            
            
            
            前言        之前每次新建一个vue项目会从0开始去构建,久而久之这样就像是机器人,总在做重复性的操作,没有任何实质性的提升,所以这次准备重新构建一个平时工作较为适用的demo,同时记录下搭建一个新项目的步骤和自己对项目本身的一些理解和看法。  一、安装cli3因为包名从vue-cli改为@vue/cli。npm            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-16 19:54:11
                            
                                43阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            # Vue3创建项目Typescript
## 介绍
在本文中,我将向你介绍如何使用Vue3和Typescript来创建一个新项目。我们将通过以下步骤来完成整个流程:
```mermaid
flowchart TD
    A[准备工作] --> B[安装Vue CLI]
    B --> C[创建新项目]
    C --> D[选择配置]
    D --> E[安装依赖]
```
#            
                
                    
                        
                                                            
                                                                        
                                                                                        原创
                                                                                    
                            2023-12-06 05:32:44
                            
                                90阅读
                            
                                                                             
                 
                
                             
         
            
            
            
            这次记录一下axios在vue + typescript项目中的遇到的问题:一般项目都会自己封装请求方法,便于重试,请求错误处理,验证等等,因为我写的是个人项目所以封装的不是很全面,就不贴代码了,主要是在封装好之后,想要绑定到vue的原型上的时候遇到了一些问题。  首先封装好之后,在index.ts文件中导出:export default {
  install: function (Vue: a            
                
         
            
            
            
            本文主要介绍:1、什么是服务端渲染、与客户端渲染的区别是什么? 2、为什么需要服务端渲染,服务端渲染的利弊 3、服务端渲染的原理及技术实现一、客户端渲染(CSR)VS服务端渲染(SSR)CSR是Client Side Render简称;页面上的内容是我们加载的js文件渲染出来的,js文件运行在浏览器上面,服务端只返回一个html模板。SSR是Server Side Render简称;页面上的内容是            
                
         
            
            
            
            Vue路由实现、路由导航、路由模式
    1.$router和$route区别    router为VueRouter的实例,相当于一个全局的路由器对象,里面含有很多属性和子对象,例如history对象,和router-link跳转一样,this.$router.push会往history栈中添加一个新的记录。    route相当于当前正在跳转的路由对象,可            
                
         
            
            
            
              前言:vue的slot主要分三种,默认插槽,具名插槽,作用域插槽;使用插槽是在存在父子关系的组件中使用,我们可以在子组件中决定插槽的位置,同时子组件也可以给这些插槽的默认信息,当父组件中没有需要给子组件插槽插入信息时,显示的是子组件插槽定义的默认信息,下边简单说下vue这三种插槽如何使用。 准备工作: 很简单,就创建父组件testSlot.vue,子组件children.vue,并在            
                
         
            
            
            
            前言在采用Element-plus UI做界面开发时,遇到一个通用的问题,那就是对话框的写法。最基本的例子,主界面是一个Grid, 涉及增删改查,新增一个对象时,要弹出对话框输入一些内容,那我们一般要在Grid所在的主界面vue中定义该对话框,如下所示:<template>
  <el-button text @click="dialogVisible = true"
    &            
                
         
            
            
            
            Vue中使用 Aplayer 和 Metingjs 添加音乐插件1、Aplayer和Metingjs 的文档2、使用方式3、完整API4、总结5、最后的话 1、Aplayer和Metingjs 的文档 Aplayer官网文档Metingjs官网文档2、使用方式在 public 目录下的 index.html 中引入核心依赖<link rel="stylesheet" href="http:            
                
         
            
            
            
            一  在vue3项目里 如何使用element-plus组件库 1 下载element-plus插件npm i element-plus 2 main.tsimport { createApp } from 'vue'
import './style.css'
import App from './App.vue'
import router from './router/index'            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-07-09 10:58:01
                            
                                137阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            最近完成了我的后台管理系统权限功能的实现,同时觉得后台系统所有的菜单都左置,会限制菜单的扩展,因此我改进了三级菜单的显示。效果演示地址github地址权限功能的实现权限路由思路: 根据用户登录的roles信息与路由中配置的roles信息进行比较过滤,生成可以访问的路由表,并通过router.addRoutes(store.getters.addRouters)动态添加可访问权限路由表,从而实现左侧            
                
         
            
            
            
            随着时间的推演,vue3官方文档正式上线,忙里偷闲准备做一个使用vue3的小项目。首先,我们要全局安装最新的vue-cli,建议安装过旧版本的小伙伴,卸载掉旧版本,安装最新的脚手架,我们使用vue -V回车查看版本。版本过低使用npm uninstall vue-cli -g全局卸载脚手架;然后再全局安装安装脚手架npm install -g @vue/cli安装完成后,使用vue -V 查看是否            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2024-06-03 15:40:35
                            
                                127阅读
                            
                                                                             
                 
                
                                
                     
                                    
                             
         
            
            
            
            使用vue3.0创建一个项目使用Vue UI创建、管理项目项目结构目录整理初始文件添加基本配置跨域配置 环境配置下面尝试用test、preview、production分别表示测试、预览、生产三种环境修改package.json文件如下"scripts":{
    "serve":"vue-cli-service serve",
    "test":"vue-cli-service            
                
                    
                        
                                                            
                                                                        
                                                                                        转载
                                                                                    
                            2023-12-01 11:00:43
                            
                                43阅读