使用vue ui新建一个vue项目

news/2024/9/29 7:17:49

参考:https://blog.csdn.net/weixin_46932840/article/details/114590107

@

目录
  • 一、安装环境
  • 二、使用vue ui初始化步骤
    • 1.我的是到C盘的Program Files\nodejs\node_global目录下执行以下命令
    • 2.执行命令后会自动跳转到初始化项目的页面,如下图操作
    • 3.最后我一开始执行npm run serve页面上还是有问题,试了百度下全是乱七八糟的答案,最后保留我以下的package.json然后再npm i下就成功了
    • (中间我去把我的node_moudules删除了,然后重新按照package.json安装了一遍)
  • 总结


一、安装环境

我这边本地是使用的scoop安装的node,然后node会自动配置C:\Program Files\nodejs\node_global到环境变量实现了,小知识scoop安装nodejs后会去C:\Program Files\nodejs也安装个
我的版本如下图

再执行命令
npm install vue-cli -g
这样就使用了npm安装了vue的插件

二、使用vue ui初始化步骤

1.我的是到C盘的Program Files\nodejs\node_global目录下执行以下命令

./vue ui

2.执行命令后会自动跳转到初始化项目的页面,如下图操作








3.最后我一开始执行npm run serve页面上还是有问题,试了百度下全是乱七八糟的答案,最后保留我以下的package.json然后再npm i下就成功了

(中间我去把我的node_moudules删除了,然后重新按照package.json安装了一遍)

总结

好了终于自己实现了vue的从零到一,以前都是直接用别人搭好的项目,一步步进步吧

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.ryyt.cn/news/30104.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈,一经查实,立即删除!

相关文章

《最新出炉》系列入门篇-Python+Playwright自动化测试-46-鼠标滚轮操作

1.简介 有些网站为了节省流量和资源,提高加载效率,采用的是动态加载(懒加载)的,也就是当拖动页面右侧滚动条后会自动加载网页下面的内容,不拖动就不会加载的或者通过鼠标滚轮操作。 2.wheel模拟鼠标滚动 wheel模拟鼠标滚动,就是通过调度一个wheel事件。(滚轮事件如果不…

面向单片机的超轻量级的神经网络推理库+单片机上实现动态加载功能的函数库

1、TinyMaix - 面向单片机的超轻量级的神经网络推理库 TinyMaix 是专为低资源的单片机设计的 AI 神经网络推理框架,通常被称为 TinyML。TinyMaix 可以让你在任意单片机上运行轻量级深度学习模型。TinyMaix 的设计原则:易用性 > 移植性 > 速度 > 空间。 TinyMaix 其实…

1 浏览器生成消息

目录1 生成http请求消息1 生成http请求消息 URI:统一资源标识符 Uniform Resource Identifier URL:统一资源定位符 Uniform Resource Locator http的基本思路http消息的格式由于每条请求消息中只能写 1 个 URI,所以每次只能获取 1 个文件,如果需要获取多个文件,必须对每个…

禁止windows自动更新

1、win+R 输入 `regedit` 打开注册表编辑器 2、依次打开路径:HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\WindowsUpdate\UX\Settings 3、点击鼠标右键,新建DWORD(32位)文件:FlightSettingsMaxPauseDays4、点击修改FlightSettingsMaxPauseDays文件,基数选择十进制,输入 36…

win10电脑桌面便签纸怎么设置?添加桌面便签方法

对于上班族来说,电脑桌面上的电子便签纸是一项不可或缺的工具。在快节奏的工作环境中,我们经常需要随时记录重要信息、安排工作任务,而电子便签纸以其便捷性和实时性成为了我们的得力助手。 想象一下,在紧张的项目讨论中,你需要快速记下同事的建议;或是在灵感迸发时,你想…

Visual Components 3D工厂仿真与物流规划解决方案

Visual Components是新一代的数字化工业仿真软件,涵盖3D工艺仿真、装配仿真、人机协作、物流仿真、机器人仿真、虚拟调试、数字孪生工厂等功能于一体的数字化工业仿真平台。在智能制造的发展过程中,3D仿真技术已经成为推动产业升级、优化生产流程的重要工具。Visual Componen…

一三云服务器配置教程:要开放哪些端口?如何设置宝塔端口更安全?

布署宝塔面板云服务器需要开放哪些端口?1、以一三云服务器为例,如需完整使用宝塔的所有功能,需要放行如下防火墙规则:20/21————–(FTP主动模式端口)39000-40000——(FTP被动模式 -Linux 系统 )3000-4000———(FTP被动模式 – Windows系统)22——————(SSH远…

全开源nV级测量仪表+支持通过编写代码方式生成PCB设计

1、Wasp-os - 基于nRF52系列微控制器的智能手表固件 Wasp-os 是一款基于 nRF52 系列微控制器的智能手表固件,特别适用于黑客友好型手表,如Pine64 PineTime。Wasp-os 具有完整的心率监测和步数支持,以及多个时钟面,秒表,闹钟,倒计时计时器,计算器和许多其他游戏和实用程序…