首页 > 其他分享 >npm创建vue项目

npm创建vue项目

时间:2024-04-12 10:03:39浏览次数:21  
标签:npm vue 项目 创建 项目名称 vite

使用npm创建vite项目

1:npm create vite

 2:输入项目名称,例如我的项目名称为:whipip

 3:选择你要创建项目的类型,我要创建vue项目,就选择Vue

 4:选择你要使用的脚本语言

 5,即创建完毕

 6:安装相关依赖 npm i

 7:运行项目:npm run dev

 8:查看项目

 

标签:npm,vue,项目,创建,项目名称,vite
From: https://www.cnblogs.com/2048tw/p/18130561

相关文章

  • 50 Vue3常用扩展插件
    在setup的script标签中去指定组件名字1.安装npmivite-plugin-vue-setup-extend-D2.配置vue.config.tsimport{defineConfig}from'vite'importVueSetupExtendfrom'vite-plugin-vue-setup-extend'exportdefaultdefineConfig({plugins:[VueSe......
  • Vue卡壳问题汇总
    上传文件问题(特别注意同步和异步请求)-手动构造'数组对象'发送给后端,后端可以正常接收-选取excel文件并读取,构造'数组对象'发送给后端,后端只收到一个空list -原因如下:读取excel函数的逻辑是异步请求,还没等数据处理完,请求就发给后端了,造成以上结果uploadHttpReq......
  • 01 Vue3简介
    介绍性能的提升打包大小减少41%初次渲染快55%,更新渲染快133%内存减少54%源码的升级使用Proxy代替defineProperty实现响应式重写虚拟DOM的实现和Tree-Shaking拥抱TypeScriptVue3可以更好的支持TypeScript新的特性1.组合是API(CompositionAPI)setup......
  • 虚拟机windows7创建共享文件夹
    我们在桌面新建一个文件夹,最好重命名成英文或者数字的名称,我这里命名为“fix”。接下来,右键文件夹-属性-共享-高级共享-勾选“共享此文件夹”。开启共享此文件夹点击,权限-勾选允许完全控制-应用-确定-应用-确定-确定。给予读写权限接着我们查看虚拟机的IPv4地址,虚拟机的网络连......
  • vue新项目初始化
    vue新项目初始化vite构建#创建新项目npmcreatevue@latest#安装依赖npminstall#启动项目npmrundev#网络请求模块npmiaxios#css预处理器sassnpmisass#安装elementUI框架npminstallelement-plus--save#安装normalize.css样式初始化文件......
  • C++ 引用和指针:内存地址、创建方法及应用解析
    C++引用和指针创建引用引用变量是对现有变量的“别名”,它是使用&运算符创建的:stringfood="Pizza";//食物变量string&meal=food;//对food的引用现在,我们可以使用变量名food或引用名meal来引用食物变量:cout<<food<<"\n";//输出Pizzacout<<mea......
  • Java创建数组、赋值的四种方式,声明+创建+初始化 详解
    Java创建数组、赋值的四种方式,声明+创建+初始化详解@目录一、创建数组的四种方式二、详解三、数组存储的弊端一、创建数组的四种方式以int数据类型为例@TestpublicvoidtestNewArray(){//创建数组//法一int[]arr1=newint[]{1,2,3,4,5};System.ou......
  • vue插件 vue-virtual-scroll-list解决数据量太大问题
    项目中数据量有时候过于庞大,使用elementui的Select组件时,会导致下拉框加载速度慢卡顿甚至于卡死,为解决这个问题,使用vue-virtual-scroll-list插件,模拟虚拟滚动。vue-virtual-scroll-list是vue的一个虚拟滚动组件,通过不渲染可视区域以外的内容,显示虚拟的滚动条来提升页面性能首先......
  • vue2.x版本中productionTip=false设置无效
    引用自:https://www.cnblogs.com/javaxubo/p/17397457.html  首先,我们看到vue官网中关于productionTip的API使用:但是,我在本地中使用却无效,代码如下:<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metahttp-equiv="X-UA-Compatibl......
  • npm安装时一直idealTree:npm: sill idealTree buildDeps解决方案
    1.删除用户界面下的npmrc文件(注意一定是用户C:\Users\{账户}\下的.npmrc文件下不是nodejs里面)2.清除缓存,注意不要用npmcacheclean--force,容易出现npmWARNusing--forceIsurehopeyouknowwhatyouaredoing.要用:npmcacheverify3.设置镜像源:npmconfigsetregis......