首页 > 其他分享 >Vue2,Vue3,React,vue-cli和Vite创建和启动

Vue2,Vue3,React,vue-cli和Vite创建和启动

时间:2022-09-29 12:35:10浏览次数:55  
标签:npm vue run cli 项目 create React app

vue2-project

创建项目

vue create xxx名字

下依赖包

npm install

启动项目

npm run serve

项目打包

npm run build

vue3-project

创建项目

vue create xxx名字

下依赖包

npm install

启动项目

npm run serve

项目打包

npm run build

修复错误的配置

npm run lint

Vite创建-vue3

创建项目

# npm 版本, 安装vu3之前需要检查npm版本号,对号入座:
npm -v 

# npm 6.x
npm init vite@latest my-vue-app --template vue

# npm 7+, 需要额外的双横线:
npm init vite@latest my-vue-app -- --template vue

安装依赖

npm i

启动项目

npm run dev

VSC安装vue3配套插件Volar

React-project

安装

全局安装npm i -g create-react-app或者yarn global add create-react-app。

创建项目

create-react-app xxx(名字)

项目打包

npm run build

项目启动

npm start(默认localhost:3000) 

标签:npm,vue,run,cli,项目,create,React,app
From: https://www.cnblogs.com/panghu77/p/16741034.html

相关文章

  • Vue 手动配置路由
    不用一键创建项目的方式 手动引用 1.安装路由组件(vue2)npmivue-router@3 2.创建路由映射js创建src/router/index.js//引用Vue和路由组件importVuef......
  • 如何监听Vue或js项目报错的4种方式
    背景onerrorelement.onerrorerrorHandlererrorCapturederror传播规则(划重点)如何监听异步错误总结背景在开发Vue项目时,使用浏览器调试可以比较清晰的看到报的什......
  • vue项目环境搭建
    vue项目环境搭建安装Nodejs环境地址:https://nodejs.org/en/download/安装包管理工具#推荐安装yarnnpminstall--globalyarn#或者安装cnpmnpmconfigsetregis......
  • vue 类似苹果手机的悬浮球
    悬浮球效果3种位置展示悬浮球组件代码<template><divclass="ys-float-btn":style="{'width':itemWidth+'px','height':itemHeight+'px','left':left+'px','......
  • MyEclipse技术深度剖析——企业级的Java EE & Jakarta EE IDE
    MyEclipse 是一个功能强大的JavaEEIDE和JakartaEEIDE,它支持快速开发可部署在各种应用程序服务器上的企业级应用程序。内置生产力工具使开发过程更加高效,包括用于Web......
  • vue组件中如何首次加载就触发watch
    watch:{"val":{immediate:true,//首次加载的时候执行函数deep:true,//深入观察数组值的变化,inputVal:function(){}}} ......
  • vue 动态路由刷新页面404
    1.如果你的静态路由最后有如下代码://404pagemustbeplacedattheend!!!{path:"*",redirect:"/404",hidden:true},2.如果你的路由有一部分是动态获取......
  • vue 遍历图片渲染
    原文链接:https://blog.csdn.net/sywdebug/article/details/120763271举例说明获取目录下的文件名新创建一个vue项目,获取views目录下的以.vue结尾的文件的文件名mounted......
  • VUE笔记深夜毒鸡汤
    实现加载一个地址请求和跳转的同时动作<script>importCustomInputfrom'./CustomInput.vue'exportdefault{components:{CustomInput},data(){retur......
  • vue动态组件tab切换
     先弄3个tab组件,再导入 可以使用<component:is="activetab">那个,也可以使用下面注释的那个,二选一    选择TabA       第二部分如何切换之......