vue下载

article/2025/9/29 10:42:28

第一步:

安装 node.js (如果已安装就不用装了,当然如果你想安装最新版本的node.js最好是从新安装一遍)

node.js安装官网地址 https://nodejs.org/zh-cn/

安装完成之后 win+r 键 打开运行 输入cmd 打开命令行窗口

输入 node -v 命令 打印出版本号

在输入 npm -v 命令 打印出版本号

可以输出版本号就安装成功了

切换npm安装源地址,输入命令

npm config set registry https://registry.npm.taobao.org          

配置后可通过下面方式来验证是否成功 打印出 https://registry.npm.taobao.org代表成功

npm config get registry  

第二步:

在命令行窗口输入命令,全局安装vue脚手架

npm i -g @vue/cli  

安装完成之后输入命令,(注意V是大写)打印出vuecli的版本号 代表成功

vue  -V

第三步:

1.使用vscode打开你的代码项目文件夹 ,左下角打开控制台选择终端 ,注意右上角的需要使用 command prompt 命令行

 2.输入命令,创建一个以项目文件夹,名字自己起

vue create demo 

3.创建完成之后

需要进入刚才创建的项目文件夹: 执行命令

cd demo

可以添加自己需要的插件 以vue-router为例子:

添加 vue-router 插件 执行命令:

vue add router

如果需要其他插件查看官方文档的安装说明 自己运行命令即可

如下载vue3 Element UI

npm install element-plus --save

第四步:

插件安装完成之后 就可以运行项目了 使用命令:

npm run serve

 打开 http://localhost:8080/ (按住ctrl,鼠标左击)

项目目录解析


http://chatgpt.dhexx.cn/article/m0ksdyE5.shtml

相关文章

vue+node.js+express+axios实现连接mysql数据库(前后端分离,详细版)

这两个星期都在学vue技术,感觉真的是博大精深啊! 今天,我给大家总结了用axios连接数据库的步骤,让大家少走弯路(不像我,我用axios连了两天才连接成功。。。) 1、首先,确保你已经有了…

VUE下载及安装

下载node.js node.js下载 ,选择长期维护版安装NODE,直接全部默认,不要安装在C盘设置NODE 在nodejs安装路径下,新建node_global和node_cache两个文件夹,这是npm安装的全局模块所在的路径,以及缓存cache的路径…

全网最新的vue.js下载和安装的3种方法(2023年)

文章目录 1. 文章引言2. 环境搭建3. 安装vue.js3.1 方法一:官网下载vue.js源代码3.2 方法二:使用npm install创建3.3 方法三:使用bower下载 4. 总结 1. 文章引言 我主要从事java后端开发,但对前端也非常感兴趣,立志成…

Vue连接MySql数据库

一、vue-cli2 全局安装 npm install vue-cli -g 局部安装项目 vue init webpack 项目名称 例如:vue init webpack demo1 二、express-generator 1.全局安装 npm install express-generator -g 2.express --viewejs 项目名称 例如:express --view…

vue+mysql实现前端对接数据库

下载引入相关依赖 1、cnpm install --save mysql 2、cnpm install --save axios 3、cnpm install --save body-parser 4、cnpm install --save express 5、cnpm install --save crypto 在main中引入axios import Axios from axios Vue.prototype.$axios axios 配置连接…

vue下载与安装详细教程

1、安装node(网址:https://www.bilibili.com/video/BV1LA411u7dE?t10) ①、进入node官网https://nodejs.org/zh-cn/ 点击下载,选择适配的 ②、 双击安装,安装路径随意,勾选第四项,把node添加进…

Vue下载与安装

首先安装node.js环境: node.js安装推荐文章:https://www.cnblogs.com/zhouyu2017/p/6485265.html 基于node.js安装淘宝镜像npm install -g cnpm --registryhttps://registry.npm.taobao.org 安装全局vue-cli脚手架,用于帮助搭建所需的模板框架 在cmd…

【Vue前端】Vue+MySQL(整体用到vue-vli、ElementUI)

提示:小白自学Vue前端,记录一些知识点 VueMySQL(整体用到vue-cli、ElementUI) 目录一、相关准备1. 连接数据库2. 添加相关依赖 二、 使用步骤1. userApi.js2. db.js3. index.js4. server目录下新建sqlMap.js5. register.vue6. main.js7. 启动…

vue项目之js对Mysql数据库操作

vue项目之js对Mysql数据库操作 文章目录 vue项目之js对Mysql数据库操作前言一、相关插件安装二、搭建本地服务器三、启动服务器四、前端Vue访问接口进行数据交互结尾 前言 js对数据库的基本操作 一、相关插件安装 下载express,Express 的作用和 Node.js 内置的 htt…

Vue.js + express +mysql实现数据库增删改查

Vue.js express mysql实现数据库增删改查 1、 下载安装Node.js 在Node.js官网可下载 2、下载vue-cli脚手架 npm install vue-cli -g 3、 创建项目 后面是项目名称,在安装项目过程中需要选择安装vue-router vue init webpack mysqlconnect 4、安装vue-resource依赖…

vue、jdk、nodejs、maven、tomcat、git、MinGW、mysql、navicat下载与安装

常用Java工具配置操作 文章目录 常用Java工具配置操作一、Vue1.vue2.0安装与项目搭建1)基本环境安装2)项目搭建 2.vue3.0安装与项目搭建1)基本环境安装2)项目搭建 3.升级Vue3.0项目4.小操作 二、JDK三、NodeJs四、Maven五、Tomcat六、Git七、MinGW八、MySql1.下载mysql2.使用命…

生信技能树 linux下安装bowtie2和使用bowtie2进行初步比对

linux下安装软件 echo $PATH ##查看路径echo $PATH|tr ":" "\n"|xargs ls -lh ls -lh /usr/bin 下载安装Bowtie2 首先在root下新建一个Biosoft的文件夹,切换目录到该文件夹 cd Biosoft 再在该文件夹下,新建一个Bwotie2的文件夹 mk…

LCWGS(6)在Linux服务器上安装Bowtie2

Bowtie2是一种用于将序列读段与长参考序列进行比对的超快且内存高效的工具。它特别擅长对齐大约50到100或1000个字符的读段,并且特别擅长对齐相对较长的(如哺乳动物)基因组。Bowtie2用FM索引对基因组进行索引,以保持其占用的内存空…

Bowtie2去除污染的使用方法

简介 Bowtie 2是一种用于长参考序列对齐测序读取的工具。它尤其擅长将大约50-100多个字符的比对到相对较长的(例如哺乳动物)基因组。Bowtie 2支持gapped, local,and paired-end alignment模式。可以同时使用多个处理器以实现更高的对齐速度。 使用方法 b…

html怎么删除链接css,css如何去掉链接的下划线?

我们在HTML网页制作过程中,相信大家对超链接这个概念并不陌生。我们都知道想要给某段文本或者指定元素添加一个锚点也就是超链接需要用到HTML中的a标签。 在使用a标签时文本超链接会自动出现下划线!这就让一些小白们感到苦恼了,因为从视觉美观…

CSS学习笔记

目录 1. 学习CSS的基础 1.1 基本语法规范 1.2 引入方式 2. 选择器 2.1 选择器的功能和种类 2.2 基础选择器 2.3 复合选择器 2.3.1 后代选择器 2.3.2 子选择器 2.3.3 并集选择器 2.3.4 伪类选择器 3. 常用元素属性 3.1 字体属性 3.2 文本属性 3.3 背景属性 3.4 圆角…

HTML 类别选择器下划线,css text-decoration下划线 删除线 上划线属性样式

一、DIV+CSS下划线基础 DIV CSS text-decoration下划线、删除线、上划线属性,本节介绍使用div+css样式实现文字字体下划线、字体删除线贯穿线、上划线样式。 1、CSS控制下划线出现用到地方 - TOP 在DIV CSS网页中常常使用CSS代码来人对象文字内容加上下划线。 使用CSS属性单词…

html p标签 删除线,strike html 删除线 贯穿线标签

html 标签元素,删除线标签元素\贯穿线标签元素 配置文本翰墨字体删除线标签 ,字体翰墨上中穿一线画一横,经常在价值原价与优惠价值用到,原价数字上运用删除线成就,当初优惠价钱数字畸形显现。 一样平常对文字、数字等…

iOS 删除线不显示问题 10.3以后

更新到最新的系统后,删除线不显示,低版本没问题。 解决方法: 添加NSBaselineOffsetAttributeName就可以了 例如: [orignalAtt addAttributes:{NSBaselineOffsetAttributeName:(NSUnderlineStyleSingle),NSBaselineOffsetAttrib…

用css怎样实现波浪线,Css3实现波浪线效果1

一、波浪线 ,常用 .info::before {content: ; position: absolute; top: 30px; width: 100%; height: 0.25em; background: linear-gradient(135deg, transparent, transparent 45%, #008000, transparent 55%, transparent 100%), linear-gradient(45deg, transparent, trans…