首页 > 其他分享 >使用vue ui新建一个vue项目

使用vue ui新建一个vue项目

时间:2024-05-11 10:32:44浏览次数:23  
标签:node npm vue nodejs 新建 ui 安装

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

@

目录


一、安装环境

我这边本地是使用的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的从零到一,以前都是直接用别人搭好的项目,一步步进步吧

标签:node,npm,vue,nodejs,新建,ui,安装
From: https://www.cnblogs.com/warrenwt/p/18185943

相关文章

  • layui 事件管理
    //config其实就是每个layui实例的cache属性//自定义模块事件Layui.prototype.onevent=function(modName,events,callback){if(typeofmodName!=="string"||typeofcallback!=="function")returnthis;//解释:相当于注册事件回调的功能和执行事......
  • [idea]mvn install没有问题,idea build报错程序包com.alibaba.fastjson不存在
    现象:1、mvninstall没有问题2、ideabuild报错程序包com.alibaba.fastjson不存在3、File->Settings->Build,Execution,Deployment->Compiler自动编译选项也是勾选的解决:1、委托maven构建和运行,确实能执行;但是运行都要执行maveninstall,速度慢 -- 不推荐 2、在......
  • 【vue3入门】-【22】 组件attribute透传
    透传Attribute透传Attribute指的是传递给一个组件,却没有被该组件声明为props或emits的attribute或者v-on事件监听器。最常见的列子就是class、style和id。当一个组件以单个元素为根路径渲染时,透传的attribute会自动被添加到根元素上app.vue<template><!--在引用的组件上使......
  • 使用pyautogui向下滚动条到底
    使用pyautogui向下滚动条到底一、pyautogui简介pyautogui是一个用于模拟鼠标和键盘操作的Python模块,它可以用来自动化执行一些重复性的任务,提高工作效率。在这篇文章中,将学习如何使用pyautogui模块来实现向下滚动条到底的功能。二、安装pyautogui模块在使用pyautogui之前,需要......
  • springboot+vue快速部署前后台项目,无需服务器
    问题前言我们都知道,现在的主流开发大多数为,前后端分离,目前流行的框架,大多数是springboot+elementui这些框架,这无疑是给开发部署项目带来了便利,我们后台开发无需关心前端如何部署的,前端同样也无需关系后台如何部署,只需要确认能够访问即可。存在有如下问题:当由于条件有限,我......
  • wps加载项在vue2项目中的应用(publish模式)
    wps加载项在vue2项目中的应用应用代码:wps.js/***WPSOA助手-WPS启动方法入口*/varpluginsMode=location.search.split("=")[1];//截取url中的参数值varpluginType=WpsInvoke.ClientType.wps;//加载项类型wps,et,wppvarpluginName="WpsOAAssist";//加载项名......
  • Vue中Tabs标签页的使用
    本案例的优点是给每个tab标签的标题设置了状态值,并给不同的状态值设置了不同的背景颜色。效果:代码:1、父组件<template><el-containerclass="container"><el-tabsv-model="activeName"type="border-card"style="width:100%;height:100%">......
  • 免费试用在线SuiteCRM产品-简易定制或集成不收费
    您的组织或公司需要一个CRM细化针对性管理客户或商业机会朗读全文Yourbrowserdoesnotsupporttheaudioelement.介绍、用途及服务SugarCRM开源版是一款开放源代码的商业开源软件,具有界面活泼、简单易学的特点。SugarCRM公司是一间创立于2006年、但迅速在全球范围取得......
  • NetSuite-Get-specific-Custom-Record-Types-and-related-sub-Custom-Fields-CarlZeng
    NetSuite:GetspecificCustomRecordTypesandrelatedsubCustomFields背景以前当使用search.create({})来获取数据时,我们需要制定特定的数据返回列;例如:search.createColumn(options)而query可以使用SELECT*FROM来动态返回所有的数据列(这在有的时候是一个优点),那么如......
  • How-to-install-NetSuite-SuiteCloud-plug-in-to-WebStorm-Updated2021-11-CarlZeng
    Install/upgradeNetSuiteSuiteCloudIDEPlug-inSuiteCloudIDEplug-inSuiteCloudIDEplug-inforWebStormisanintegrateddevelopmentenvironmentforNetSuiteplatformdevelopment.ItprovidesauserinterfaceforSuiteCloudDevelopmentFramework(SDF),......