首页 > 其他分享 >VUE安装操作手册

VUE安装操作手册

时间:2024-09-02 23:23:47浏览次数:11  
标签:VUE cli 操作手册 cmd vue ui 安装

1、安装node.js

首先需要确保自己以前是否下载过,如果有则卸载,然后点击如下网址即可进行下载安装。https://mirrors.tuna.tsinghua.edu.cn/nodejs-release/v16.14.2/node-v16.14.2-x64.msi

安装时的具体步骤如下:

 特别说明:如果你的C盘空间不足,你也可以选择安装在其他的盘符下面,但安装完之后,你需要重点看一下下面的注意事项。

注意事项:如果你在选择安装位置的时候没有选择默认的C盘目录,而是安装在了其它的盘符下面,你需要自己重新配置系统环境变量和用户环境变量。

1.1 配置npm源

以管理员的身份打开cmd窗口,按照步骤依次输入命令。

2、安装VUE-CLI

继续在cmd窗口输入 npm install -g @vue/cli命令。

安装完成后,使用 vue -V 检查版本(注意:V必须是大写的),正确结果为 @vue/cli 5.0.8

3、使用VUE

第一步:在idea中安装vue插件。

第二步:在前端项目的工作区使用cmd窗口创建前端项目,使用 vue create  vue-ui (注:这里的vue-ui可以自己随意进行命名),然后根据以下步骤进行操作。

最后,如果访问浏览器http://localhost:8080后显示如下页面,就表示创建成功。

标签:VUE,cli,操作手册,cmd,vue,ui,安装
From: https://blog.csdn.net/2301_80633790/article/details/141817068

相关文章

  • 前后端分离项目的创建方法(注:前端使用了vue技术,后端使用了Spring常用框架)
    下面我将创建一个实现系统登录的前后端分离项目:第一步:使用idea新建一个空项目,命名为Login,然后点击Create。第二步:找到setting选项,点击Build,Exception,Deployment,找到BuildTools,然后选择Maven,重写里面的settings.xml和repository,然后点击OK。(注:setting.xml一般在conf目录......
  • platformIO安装过程中速度慢、卡住的解决方法
    资源管理器定位到C:\Users\VSCode安装用户名\.platformio\penv打开pip.conf文件添加如下内容#超时时间,可自行调整 timeout=6000 #源地址,这里使用阿里云镜像 index-url=http://mirrors.aliyun.com/pypi/simple/ #添加源主机为可信主机 trusted-host=m......
  • 基于django+vue学院研究生工作室管理系统【开题报告+程序+论文】-计算机毕设
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容研究背景随着高等教育规模的不断扩大,学院研究生数量的激增对日常管理工作提出了更高要求。传统的人工管理模式已难以满足高效、精准、实时地处理研......
  • 基于django+vue学院电子政务系统【开题报告+程序+论文】-计算机毕设
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容研究背景随着信息技术的飞速发展,电子政务已成为提升政府及教育机构管理效率、增强服务透明度、促进信息共享的重要手段。学院作为高等教育的重要载......
  • 基于django+vue学院党建工作管理系统设计与实现【开题报告+程序+论文】-计算机毕设
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容研究背景随着信息技术的飞速发展和高校党建工作的日益重要,传统的手工管理模式已难以满足当前学院党建工作的复杂性和高效性需求。学院党建工作作为......
  • 基于django+vue学业预警帮扶系统【开题报告+程序+论文】-计算机毕设
    本系统(程序+源码+数据库+调试部署+开发环境)带论文文档1万字以上,文末可获取,系统界面在最后面。系统程序文件列表开题报告内容研究背景随着高等教育的普及与深入,学生群体的多样性与复杂性日益显著,部分学生在学习过程中因各种原因面临学业困难,如学习方法不当、时间管理失衡、......
  • Jenkins - 在Rocky Linux系统下安装Jenkins和配置Agent节点
    安装Jenkins主节点下载和安装JenkinsLTS版本本机信息[root@localhost~]#cat/etc/system-releaseRockyLinuxrelease9.4(BlueOnyx)[root@localhost~]#[root@localhost~]#uname-aLinuxlocalhost.localdomain5.14.0-427.33.1.el9_4.x86_64#1SMPPREEMPT_DYNA......
  • 前端宝典二十五:vue2高阶用法mixin、transition、slot
    本文主要探讨vue2中几个高阶的用法:mixin、transition、slot一、mixin在Vue中,mixin(混入)是一种用于在多个组件之间共享代码的机制。它允许你定义可重用的选项对象,并将其混入到不同的组件中。1、使用方法创建一个混入对象:constmyMixin={data(){return{......
  • 中望CAD 专业 v2024 解锁版下载与安装教程 (CAD三维制图)
    安装步骤ZWCAD2024-SP1.3-x64-Chs-Setup+Crack:ZWCAD2024-SP1.3-x64-Chs-Setup+Crack.zip1、下载解压后点击如下进行安装2、选择安装目录,最好不要安装在系统盘(C盘)3、安装中...耐心等待2-3分钟4、安装完先不要运行它,点击完成即可5、回到我们解压的文件夹里面,访问crack文件......
  • vuex状态管理
    什么情况下我应该使用Vuex?Vuex可以帮助我们管理共享状态,并附带了更多的概念和框架。这需要对短期和长期效益进行权衡。如果您不打算开发大型单页应用,使用Vuex可能是繁琐冗余的。确实是如此——如果您的应用够简单,您最好不要使用Vuex。一个简单的 store模式就足够您所需了......