Vue3 vue-cli、create-react-app、vite 创建vue/react项目(笔记)

文章目录

1. vue-cli vue2/3 项目
2. create-react-app react 项目
3. 使用 vite 安装 vue3 项目
- 3.1 方式一，框架选择配置安装
- 3.2 方式二，安装 vue 项目，但是需要配置
- 3.3 方式三，直接安装

1. vue-cli vue2/3 项目

// 全局安装 vue-cli
npm install -g @vue/cli// 使用 vue-cli 创建项目
vue create ProjectName

2. create-react-app react 项目

// 全局安装 create-react-app
npm install -g create-react-app// 使用 create-react-app 创建项目
create-react-app ProjectName

3. 使用 vite 安装 vue3 项目

3.1 方式一，框架选择配置安装

// 使用 vite 安装项目，这里 init 不能改为 i，i 是 install 的简写
npm init vite// 项目名称
? Project name: » vite-project// 选择要使用的框架，我这里选的是 Vue
? Select a framework: » - Use arrow-keys. Return to submit.vanilla
>   vuereactpreactlitsvelte// 使用 js 还是 ts、、、
? Select a variant: » - Use arrow-keys. Return to submit.
>   JavaScriptTypeScriptCustomize with create-vueNuxt

3.2 方式二，安装 vue 项目，但是需要配置

npm init vue@latest✔ Project name: … <your-project-name>
✔ Add TypeScript? … No / Yes
✔ Add JSX Support? … No / Yes
✔ Add Vue Router for Single Page Application development? … No / Yes
✔ Add Pinia for state management? … No / Yes
✔ Add Vitest for Unit testing? … No / Yes
✔ Add Cypress for both Unit and End-to-End testing? … No / Yes
✔ Add ESLint for code quality? … No / Yes
✔ Add Prettier for code formatting? … No / YesScaffolding project in ./<your-project-name>...
Done.

3.3 方式三，直接安装

// 直接安装 Vue3 项目
npm init vite-app ProjectName

这两种安装方式都没有安装依赖包，需要进入文件 npm i 安装依赖包

Vue3 vue-cli、create-react-app、vite 创建vue/react项目(笔记)相关推荐

使用vite创建vue项目步骤
由之前使用@vue/cli创建vue项目,改为用vite创建使用步骤使用以下命令实现使用vite创建vue项目: npm init vite-app <project-name> 相比 ...
Vue3实现备忘录｜用vite创建vue项目步骤
目录运行结果展示创建项目备忘录功能实现本文使用的IDE是VSCode,node.js是16. 运行结果展示实现的功能有输入框回车添加任务,鼠标悬停显示删除按钮并可以删除单条任务,一键移除 ...
使用vite创建vue项目
使用vite创建vue3项目 1.创建项目在想创建项目的目录进入cmd命令 npm create vite@latest 2.选择是否继续 Need to install the following ...
Windows PowerShell安装指定版本vue/cli脚手架失效解决办法；vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue
mac搭建vue项目看这篇打开shift--鼠标右键,就可以打开Windows PowerShell 1.安装vue/cli npm install -g @vue/cli@3.12.0 @后面是版 ...
vue多单页面多tab_vue-cli3创建多页面项目
开发了很多个单页面的项目,也开发了很多原生的项目,就是一直没机会开发多页面和单页面混合的项目,于是自己去查了一些资料,用的是vue-cli3脚手架搭建了一个多页面和单页面混合的小demo. 首先,vu ...
从头搭建VUE环境，使用IDEA 2021创建VUE项目
一.安装和配置node.js 1.1 下载安装node.js Nodejs的官方网站下载地址:Download | Node.js Node.js会同步安装npm,安装完成后,启动cmd测试下是否安装 ...
vue搜不到c_vue不是内部命令、安装@vue/cli失败、找不到vue.cmd文件等问题的解决方法...
最近打算用vue-cli写项目,发现用官网提供的安装方式npm install @vue/cli -g怎么都安装不上,一直报如下错误 EPERM: operation not permitted, r ...
初识Vue CLI 是做什么的？vue cli 目录内容
上一节中给大家简要的简述了VUE CLI的搭建方法,搭建完成项目以会自动生成看到项目的目录,那接下来就研究一下这些目录是做什么的呢接下来我们就看一下这些文件都是什么,vue运行项目时进入的第一个是做 ...
vite创建vue保姆级教程
在正式初始化前需要安装node环境 ①打开cmd ②npm init vue@latest 选择配置的安装选项 ③cd 你的项目名字 ④npm install 安装依赖 ⑤npm run dev 运 ...

Vue3 vue-cli、create-react-app、vite 创建vue/react项目(笔记)

文章目录

1. vue-cli vue2/3 项目

2. create-react-app react 项目

3. 使用 vite 安装 vue3 项目

3.1 方式一，框架选择配置安装

3.2 方式二，安装 vue 项目，但是需要配置

3.3 方式三，直接安装

Vue3 vue-cli、create-react-app、vite 创建vue/react项目(笔记)相关推荐

最新文章

热门文章