vite创建vue3，8月版本

旧版本升级之后请按以下流程操作。
1：在你升级各个版本后，请重启电脑，再进行创建项目，因为旧的路径还没有及时更新，所以你的命令会执行旧版本的创建，所以会抛出异常

命令1：

#查看node版本
[dalaojun@localhost init]$ node -v
v14.15.0
#查看npm版本
[dalaojun@localhost init]$ npm -v
7.20.5
#查看vue版本
[dalaojun@localhost init]$ vue -V
@vue/cli 4.5.13
#查看cnpm版本
[dalaojun@localhost init]$ cnpm -v
cnpm@7.0.0 (/home/dalaojun/下载/node-v14.15.0-linux-x64/lib/node_modules/cnpm/lib/parse_argv.js)
npm@6.14.13 (/home/dalaojun/下载/node-v14.15.0-linux-x64/lib/node_modules/cnpm/node_modules/npm/lib/npm.js)
node@14.15.0 (/home/dalaojun/下载/node-v14.15.0-linux-x64/bin/node)
npminstall@5.0.1 (/home/dalaojun/下载/node-v14.15.0-linux-x64/lib/node_modules/cnpm/node_modules/npminstall/lib/index.js)
prefix=/home/dalaojun/下载/node-v14.15.0-linux-x64
linux x64 3.10.0-1160.31.1.el7.x86_64
registry=https://registry.nlark.com
[dalaojun@localhost init]$

创建项目

[dalaojun@localhost luichunshop]$ npm init vite@latest my-vue-app -- --template vueScaffolding project in /home/dalaojun/桌面/luichunshop/my-vue-app...Done. Now run:cd my-vue-appnpm installnpm run dev[dalaojun@localhost luichunshop]$

它这里面提示了三条命令，

  cd my-vue-appnpm installnpm run dev

但是我在国内需要对里面的命令进行更改，
我们需要用cnpm来代替npm
因为网速的问题，执行npm命令会抛出异常

使用以下命令

  cd my-vue-appcnpm installcnpm run dev

vite官网
https://vitejs.dev/guide/

vite创建vue3，8月版本相关推荐

vue - - - - vite创建vue3项目（不使用TS）
vite创建vue3项目 vite官方文档 1. 使用指令创建项目 > npm create vite your-project-name > or > yarn create vi ...
使用Vite创建Vue3+TS项目并整合Element Plus框架等一条龙服务
记录一下使用Vite创建Vue3+TS项目以及整合Element Plus框架,还有Less.Pinia.Vue-router.monaco-editor等插件或组件. 一.使用Vite创建Vue3+ ...
Vite --- 创建Vue3项目
Vite 需要 Node.js 版本 >= 12.0.0. 1. node -v 查看node当前版本号 2. npm方式创建Vue3项目 npm init @vitejs/app 输入项目名 ...
Vite 创建 vue3.x 项目
1. 创建 vite 项目按照顺序执行如下命令,即可基于 vite 创建 vue 3.x 的工程化项目: npm init vite-app 项目名称 cd 项目名称 npm install npm ...
使用vite创建vue3项目
一.创建vite+vue项目 1.在命令行输入以下创建语句.然后根据下图所示,输入项目名称并选择vue框架即可 npm create vite@latest 创建完项目后,根据提示依次输入三条命令: ...
用vite创建 vue3 ts项目
先看看vite官网这都2022年了,你肯定玩过vite + vue3 + ts项目吧原先都是其他同事创建好项目,我直接上手这次我自己来创建一下,在这里做一下记录可以直接跟着官方教程走 http ...
用 Vite 创建Vue3项目和相关开发工具配置
目录一.创建项目二.vite的快捷用法三.安装Vue3开发工具 Vite热更新.打包构建速度更快,但目前周边生态还不如 Webpack 成熟,目前实际开发中还是以 Webpack 为主,但目前就 ...
猿创征文 | 开箱即用 yyg-cli：快速创建 vue3 组件库和vue3 全家桶项目
1 yyg-cli 是什么 yyg-cli 是优雅哥开发的快速创建 vue3 项目的脚手架.在 npm 上发布了两个月,11月1日进行了大升级,发布 1.1.0 版本:支持创建 vue3 全家桶项目和 ...
Vite创建Vue2项目
文章目录 1. 输入项目名称 2. 选择框架 3. 选择不同 4. 项目创建完成 5. 项目结构 6. 安装插件 7. 使用插件 8. 安装vue 9. 修改项目结构 10. 启动项目在 Vite创 ...

vite创建vue3，8月版本

vite创建vue3，8月版本相关推荐

最新文章

热门文章