×

webpack

Vue脚手架搭建及vue项目创建【详细教程】(使用vue脚手架创建项目)

天道 天道 发表于2024-02-27 浏览13458 评论0
Vue脚手架 Vue脚手架指的是vue-cli,它是一个快速构建**单页面应用程序(SPA)**环境配置的工具,cli是(command-line-interface )命令行界面。 补充:单页面应用程序 单页面应用程序简称SPA,指一个Web网站中只有唯一的一个HTML页面,所有的功能与交互都在这唯一的一个页面内完成。 特点: 将所有的功能局限于一个web页面中,仅在该web页面初始化时加载相应的资源(JS,CSS,Html) 一旦页面加载完成,SPA不会因为用户的操作而

webpack

2022基于webpack从0搭建vue项目,vue2.0和vue3.0,解决了中间的报错问题。(vue3.0配置webpack)

站长资讯网友投稿帖 站长资讯网友投稿帖 发表于2024-02-27 浏览5333 评论0
创建项目目录文件 webpackProject 在桌面鼠标右键新建 webpackProject 文件夹 初始化项目的目录 生成 --pagege.json 的作用就是依赖的单记录,启动命令,版本信息,包管理器 命令 npm init -y 安装 webpack CLI 命令 npm install --save-dev webpack-cli 安装 webpack 命令 npm i webpack -D 对 -g -S -D 的补充

webpack

国际化vue-i18n之i18next-scanner教程的自动化使用

不能说的秘密 不能说的秘密 发表于2024-02-12 浏览6259 评论0
阅读本文你将会学到   (√ ) 解决页面使用变量名如$t('title')导致可读性差问题   (√ ) 解决国际化变量命名冲突问题   (√ ) 解决变量命名繁琐工作量大问题 本文适合已经配置好i18n的开发者, 如还不会配置i18n请阅读:  vue中如何使用i18n实现国际化 - 掘金 1. 安装node包  npm install vue-i18n@8 -S //安装8.x版本是为了兼容vue的2.x版本  npm install

webpack

前端笔记(8) Vue3+Vite 搭建项目 配置路径别名@

HT。 HT。 发表于2024-02-12 浏览5619 评论0
1 创建项目 先在命令行下面创建一个基于Vue+Vite的目录 输入项目名称,这里我输入study-vue 选择framework为vue 选择variant为vue-ts npm init vite@latest 结果如下: 2 安装依赖 安装依赖包 npm install 启动项目,测试是否可运行 npm run dev 如果上面的npm run dev可以将项目运行,那么说项目创建没有问题,可以继续安装一些我们常用的依赖包了 安装vue-router npm in

webpack

前端开发语言有哪些?需要掌握什么?(前端开发语言有哪些?需要掌握什么知识)

淡然 淡然 发表于2024-02-12 浏览12679 评论0
前端开发语言有哪些?需要掌握什么?通常前端开发在基础阶段掌握html+css+js+jq;框架语言阶段掌握vue+react+小程序;后端掌握nodejs+mongdb+云开发;UI框架阶段熟悉常见的有elementui+ang系列。 必须掌握的前端开发语言如下: 1、html语言 网页的基本标记语言,最基础的语言,掌握起来比较简单。 2、css样式代码 控制html代码显示,html语言只是网页的标记,更好的在网页上展示想要的效果由css样式来控制,建议手写css样式代码,手写的更精简

webpack

1.vite初识、vite搭建项目

杨勇 杨勇 发表于2024-02-07 浏览4833 评论0
1.vite优势 1.1启动速度  解释一下冷启动:它是指输入启动指令后他编译到启动完成的过程;  当你使用vite和webpack后你就会得出这个结论,vite相对于webpack启动速度还是略胜一筹的,当你的项目是小型项目时,不是特别明显。当启动体量较大的项目时,这时就能感受到vite的“魔力”。 1.2热更新速度 基于打包器启动时,重建整个包的效率很低。原因显而易见:因为这样更新速度会随着应用体积增长而直线下降。 一些打包器的开发服务器将构建内容存入内存,这样它们只需要

webpack

vue常用的命令(vue常用的命令实验报告心得)

blmblm blmblm 发表于2024-02-06 浏览3599 评论0
一、创建vue项目常用命令 如果vue项目出错了你可以把依赖删掉,清理一下缓存在重新安装 清理缓存     npm cache clean --force 第一步,创建淘宝镜像,安装npm镜像(如果已经安装的就直接第二步就可以了) npm install -g cnpm --registry=https://registry.npm.taobao.org 第二步, 全局安装vue-vli     npm install --g vue-cli 第三步, 创建一个v

webpack

【浅谈vue3基础】如何升级vue版本并配置路由修改默认首页

源码代售 源码代售 发表于2024-02-05 浏览4345 评论0
核心:vue3如何通过router路由修改默认首页;如何vue2升级到vue3 **【创作背景故事】**之前好长一段时间研究了vue2的东西,后面在用vant3写移动端的过程中总发现控制台报错,后面才发现是版本不支持的问题,这才想到了去升级版本,很多时候就是这样,你不去改变终究还是会被淘汰的,这篇文章主要是对那些相对来说基础的vue学者来定制的,下面就直接进入主题:1、安装 首先基于安装过node的环境,由于我的vue版本太低了直接被淘汰了,所以重新整了一个高版本的来做项目测试: 卸载与安装最新

webpack

Vue中的import from(vue中的import)

? ? 发表于2024-02-05 浏览5305 评论0
Vue中的import from 大家都知道,import from 是用来引入一些文件的,在vue中,可能有.js文件.json文件.vue文件 在JS和JSON文件引入的时候,往往需要写入一些 //例如数组 export const a=[] //例如对象 export const b={} //例如函数 export function c(){} 在其他文件中需要引入的时候,就写上,只引入一个的时候可写可不写大括号 import {a,b,c} from '你的路径' 路径