安装Vue过程中用到的命令

已于 2023-08-01 11:38:07 修改
阅读量400 收藏
点赞数
文章标签： vue.js 前端 javascript
于 2023-07-20 17:09:35 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/llqer/article/details/131830150
版权

文章目录

安装pnpm

npm install -g pnpm
在这里插入图片描述

安装Vue脚手架

npm install -g @vue/cli
在这里插入图片描述
出现错误可以重新安装试试。

创建Vite版本的Vue

在这里插入图片描述
版本不符到官网https://nodejs.org/en/下载合适的版本

在这里插入图片描述

<script setup> vue3.0语法支持直接写setup语法更简洁
<style scoped> style加样式，scoped限定本页面生效，嵌入页面时，样式不会互相冲突

安装Element-Plus

pnpm install element-plus
在这里插入图片描述

安装Element-Plus Icon

pnpm install @element-plus/icons-vue
在这里插入图片描述

安装Router路由

（其中Vue3.x需要配合Router4.x的版本）
pnpm install vue-router@4
在这里插入图片描述
安装成功能在项目的依赖package.json上直观看到
在这里插入图片描述

安装VueUse-----使用cookie

https://vueuse.org/integrations/useCookies/#usecookies

pnpm i @vueuse/integrations #i就代表install安装在这里插入图片描述
pnpm i universal-cookie
在这里插入图片描述

安装Vuex

pnpm install vuex@next --save
在这里插入图片描述

安装date-fns

pnpm install date-fns
在这里插入图片描述

安装echarts

pnpm install echarts
echarts官网：https://echarts.apache.org/handbook/zh/get-started/
在这里插入图片描述

llqer
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
安装vue-cli的简易过程
12-11
在本文中，我们将详细介绍如何安装和使用Vue CLI。 首先，安装Vue CLI之前，确保你的机器上已经安装了Node.js，因为Vue CLI是基于npm（Node Package Manager）的。你可以通过在命令行工具中输入`npm -v`来检查npm...
JavaScript日期库之date-fn.js
Shids_的博客
09-21 2059
JavaScript日期库之date-fn.js
react-datepicker组件依赖date-fns实现国际化功能时遇到的问题以及解决方法
码飞_CC的博客
02-01 3919
react时间选择组件react-datepicker的功能非常强大，基本能达到你想要的效果。这里记录一下该时间选择组件实现国际化（多语言）的功能中遇到的问题以及解决方法。先看一下官方给出的解决方法： 从上面的的文档中我们可以知道react-datepicker要实现国际化功能是需要依赖date-fns包的，安装好这个包之后，国际化功能就可以展开了。主要分为以下三个步骤： 首先，引入DateP...
青龙全方面依赖[青龙面板]-一键安装/免代码安装
m0_59201161的博客
11-04 1万+
首先，命令查看你的青龙容器名称 docker ps -a 然后输入命令，安装依赖 qinglong 就是你的容器名 青龙依赖 docker exec -it qinglong bash cd scripts npm install typescript npm install fs npm install axios npm install date-fns npm install require npm i --save-dev @typesde npm install tslib npm insta
格式化日期 yyyy-mm-dd hh:mm:ss
qq_56392992的博客
02-08 607
过滤器格式化日期 //全局定义过滤器 Vue.filter('format',function(value){ //将时间戳变为 年月日形式 const dt = new Date(value) const yyyy = dt.getFullYear() //用字符串方法补零 const mm = (dt.getMonth()+1+'').padStart(2,'0') const dd = (dt.getDate()+'').padStart(2,'0') const hh = (dt.getHours
Vue的安装及使用教程【超详细图文教程】
WHF__的博客
03-07 1万+
安装webpack-cli：npm install --g webpack-cli。⑧选择存放配置，此处建议选择第二个，存放到package.json中，回车即可。此处建议选择默认配置，即直接回车即可。npm install vue -g // -g为全局安装。⑦选择什么时候进行代码校验，此处建议选择第一个，回车即可。④选择vue版本号，这里我选择2.x，回车键继续。③根据自己的需求选择，按空格键选择，回车键继续。⑤这里我选择否，输入： n，回车继续。⑨选择是否保存本次配置。
vue和webpack项目构建过程常用的npm命令详解
12-09
//全局安装 vue-cli cnpm install --global vue-cli //创建一个基于 webpack 模板的新项目 vue init webpack my-project //进入项目目录，运行 cd my-project cnpm install cnpm run dev  webpack //全局...
在vue中安装使用vux的教程详解
12-10
在开发过程中，我们有时会需要利用第三方库来扩展功能或美化界面，Vux 就是一个专为 Vue.js 设计的 UI 组件库，提供了丰富的移动端组件，如按钮、输入框、轮播图等，极大地提高了开发效率。 安装 Vux 的过程分为...
vue安装手册
10-31
### Vue安装手册详解 #### 一、开发环境准备 ##### 1.1 安装Node.js Node.js 是一个基于Chrome V8引擎的JavaScript运行环境，它为前端开发者提供了一个本地服务器环境，使得开发者能够在浏览器中实时调试前端页面...
Vue安装
qq_48082548的博客
04-24 639
安装完成Node.js后，可以使用npm（Node.js的包管理器）安装Vue.js。安装完成后可以使用下面的命令创建项目（my-project是项目名称）会让你选择是vue2还是vue3。然后根据下面的命令来执行就ok了。
Vue中使用时间过滤器——date-fns
wanan_wanan的博客
02-20 1161
一、date-fns与moment比较 moment打包后最终压缩是68kb多，而date-fns打包后最后压缩只有5kb多， 二、date-fns使用 2.1.安装date-fns npm install --save date-fns 2.2.在js文件中引用 注意：这里由之前的YYYY-MM-DD改为了yyyy-MM-dd， 2.3.在main.js入口文件中导入 2.4.在页面中...
vue 安装
XixiziMeng的博客
09-27 1935
vue
【格式化日期】在Vue3中如何格式化日期
最新发布
Lipn_的博客
04-21 2176
使用第三方库date-fns格式化日期对象
青龙面板必装依赖以及青龙各种问题
热门推荐
m0_60890256的博客
12-19 3万+
一、服务器一键安装 1、一键安装所有依赖 进入青龙面板 docker exec -it 青龙名称 bash 复制下面命令执行，等待执行完毕即可！注意你的青龙目录这里的目录为ql package_name="canvas png-js date-fns axios crypto-js ts-md5 tslib @types/node dotenv typescript fs require tslib" for i in $package_name; do case $i in
Vue——使用date-fns将时间戳转换成日期
月来better
05-28 1868
从后端数据拿回来的是时间戳格式，需要将其格式化成日期形式 后端数据: expiry:1656345599 前端展示：有效期：2022-06-27 23:59:59 1、安装date-fns npm i date-fns 2、在需要的组件中引入其方法 import { format } from "date-fns"; <v-row class="align-center"> <v-col cols="3"> <v-subheader style="color:
vue安装步骤（详细版）
梦旅人的博客
09-20 1万+
vue的安装笔记
Vue基本知识1，安装创建以及常用指令
Lyc1cccccccc的博客
05-30 614
vue的基本知识，创建、安装以及常用指令。
【无标题】vue3.2+Ts动态显示时间，秒数更新
Saturday1414的博客
07-11 593
vue3.2+Ts动态显示时间，秒数更新
Vue前端基础教程：命令、语法与事件处理
"这篇文档是关于前端开发中Vue框架的基础知识和常用命令的介绍，包括Vue的快速入门、代码片段的抽取以及基本语法中的数据绑定和事件操作。" 在前端开发领域，Vue.js是一个非常流行的渐进式JavaScript框架，它简化了...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值