vue3 创建项目、安装依赖、启动项目

简介: vue3 创建项目、安装依赖、启动项目

1. 搭建vue开发环境

下载安装最新版node.js

https://blog.csdn.net/weixin_41192489/article/details/117979077

2. 执行项目创建命令

打开命令行工具

cnpm init vue@latest

无 cnpm 的朋友先执行 npm i cnpm

遇到这种提示时,输入 y 回车

3. 选择项目创建配置

参考下图操作即可

  • vue3test 为自定义的项目名称

项目创建成功后,显示如下

4. 安装依赖

继续执行命令进入项目目录

cd vue3test

安装依赖

cnpm i

安装成功后显示

5. 启动项目

继续执行命令

npm run dev

约 1s 项目就会启动成功,显示

浏览器访问 http://127.0.0.1:5173/ 效果如下

恭喜你,vue3 项目创建成功啦 !

目录
相关文章
|
2天前
vue3【实战】语义化首页布局
vue3【实战】语义化首页布局
16 2
|
2天前
|
存储 容器
vue3【实战】来回拖拽放置图片
vue3【实战】来回拖拽放置图片
10 2
|
2天前
|
JavaScript 开发工具 开发者
vue3【提效】使用 VueUse 高效开发(工具库 @vueuse/core + 新增的组件库 @vueuse/components)
vue3【提效】使用 VueUse 高效开发(工具库 @vueuse/core + 新增的组件库 @vueuse/components)
12 1
|
2天前
|
API
Pinia 实用教程【Vue3 状态管理】状态持久化 pinia-plugin-persistedstate,异步Action,storeToRefs(),修改State的 $patch,$reset
Pinia 实用教程【Vue3 状态管理】状态持久化 pinia-plugin-persistedstate,异步Action,storeToRefs(),修改State的 $patch,$reset
13 1
|
2天前
|
JavaScript
vue3 【提效】自动注册组件 unplugin-vue-components 实用教程
vue3 【提效】自动注册组件 unplugin-vue-components 实用教程
8 1
|
2天前
|
JavaScript 网络架构
vue3 【提效】自动路由(含自定义路由) unplugin-vue-router 实用教程
vue3 【提效】自动路由(含自定义路由) unplugin-vue-router 实用教程
11 0
vue3 【提效】自动路由(含自定义路由) unplugin-vue-router 实用教程
|
2天前
vue3 【提效】自动导入框架方法 unplugin-auto-import 实用教程
vue3 【提效】自动导入框架方法 unplugin-auto-import 实用教程
12 0
|
2天前
vue3 【提效】全局布局 vite-plugin-vue-layouts 实用教程
vue3 【提效】全局布局 vite-plugin-vue-layouts 实用教程
14 0
|
3天前
手写 vue3 的 ref,reactive 和 watchEffect
手写 vue3 的 ref,reactive 和 watchEffect
9 0
|
3天前
|
JavaScript
vue3 【实战】封装 “心跳“ 组件
vue3 【实战】封装 “心跳“ 组件
12 0