捣鼓Webpack5和Vue3，了解工程化实践
转载
2021-07-02 10:51:40
671阅读
Vue项目的搭建流程1、检查是否安装nodenode -v2、检查是否安装vuevue -V3、下载vue-cli框架在这里我用的是命令窗口下载，还可以用可视化窗口下载vue create demo //回车在这里选择最后一个，手动选择功能，然后回车在这里可以选择一些配置项，(Babel,Router,Vuex,CSS)，然后回车上下键可以来回选择，空格键可以选中或取消选中是否选用历史路由，我在
第一步 安装最新的vue vue-cli 第二步 创建一个项目 第三步 安装 axios，sass等 第四步 main.ts 项目已经发布到g...
原创
2022-07-16 00:58:08
266阅读
基本安装
首先创建一个文件夹webpack-demo(名字自取)，然后在本地安装webpack，接着安装webpack-cli
npm init -y
npm install webpack webpack-cli --save-dev
然后在主文件夹下新建一个src和public子文件夹和webpack.config.js配置文件
在子文件夹public中新建index.html(此文件为入
原创
2023-08-28 20:01:35
853阅读
点赞
参考网址：https://juejin.cn/post/6924180659829211143#heading-39 感谢这位大佬的带路，下面分享下自己的搭建过程，有问题欢迎大家指出哈~ 一、本地搭建nodejs环境（npm+cnpm淘宝镜像） 可参考之前分享： https://www.cnblog ...
转载
2021-08-20 10:56:00
198阅读
2评论
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评论
使用 Vite 快速搭建 Npm npm init @vitejs/app` Yarn yarn create @vitejs/app 选择vue- vue-ts 安装依赖 npm install 启动项目 npm run dev 修改 Vite 配置文件 import { defineConfig ...
转载
2021-09-04 11:40:00
1006阅读
Vue3 + Vite 实现项目搭建 首先嘞，这个博文就是简单的记录一下自己的对 Vue3 的学习，所以说呢，并不代表他是完全正确的。 Vite 创建 Vue3 项目有两种常见的方式，一种是想 vue2 版本一样使用脚手架工具创建，创建 vue3 项目的脚手架必须是4版本以上的，另一种方法就是使用
原创
2022-07-10 00:37:07
2451阅读
一、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阅读
一、组件 1、什么是组件化？ 将一个大的问题分解成一个个小的功能模块，这一个个功能模块就是组件话开发； 优点：利于大问题的拆分解决；便于后期维护； 2、全局组件 3、局部组件 4、singe-file-components文件 。vue文件浏览器无法识别，所以需要使用webpack构建工具将.vue ...
转载
2021-09-15 16:48:00
428阅读
2评论
项目的创建vue3中vuecli的包修改为@vue/cli，vue创建的项目命令修改为vue create，用来快速创建新项目。因为项目开发中需要vuecli，所以我们需要全局安装，下面中的-g表示全局安装，install也可以简写为i。安装完成后，我们可以通过vue --versioon检查是否安装成功。除了npm安装外，我们也可以使用yarn
原创
精选
2022-05-24 21:11:11
2590阅读
搭建 Vue 3 + Vant 项目架构 介绍Vue 3 是一款用于创建用户界面的渐进式 JavaScript 框架。它采用虚拟 DOM、响应式绑定和组件化开发，提供了灵活且高效的开发体验。Vant 是一个适用于移动端的轻量级 UI 组件库，可以与 Vue 无缝集成。应用使用场景电商平台：利用 Vant 提供的丰富组件（如商品卡片、导航栏等），快速搭建移动友好的电商应用。企业管理系统：Vue 3
Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。如果你想在深入学习 Vue 之前对它有更多了解，我们制作了一个视频
一. 代码规范1.1 集成editorconfig配置EditorConfig有助于为不同IDE编辑器上维护一致的编码风格安装插件：EditorConfig for VS Code 后会读...
原创
2022-06-29 20:47:16
498阅读
cli 方式安装 集成了内置webpack 模块安装步骤 1、全局安装 vue-cli$ npm install --global vue-cli 2、 创建一个基于 webpack 模板的新项目$ vue init webpack my-project3、安装依赖，走你$ cd my-project
$ npm i
转载
2024-10-14 17:51:28
204阅读
准备工作 ： 环境要求vue cli要求node版本8或者更高（8.10.0+推荐） vue cli3 需要node版本>=8.9, （官方推荐：8.11.0+ ） 有node的情况下就可以使用npm进行安装了1.打开项目文件夹进入cmd 输入`npm install -g @vue/cli@3`2.下载好之后输入vue create ‘你的项目名’ 回车创建3.接着就会进入问答环节（选择一
# 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全
