龙空技术网

如何创建vue3框架项目并运行项目

人生如大海波涛汹涌 419

前言:

如今你们对“如何运行vue3项目”大约比较讲究,咱们都想要知道一些“如何运行vue3项目”的相关内容。那么小编也在网上网罗了一些对于“如何运行vue3项目””的相关文章,希望看官们能喜欢,大家一起来学习一下吧!

1、打开电脑上指定文件夹,鼠标右键选择Git Bash Here,打开Git命令窗口

新建项目文件夹,打开Git命令窗口

2、在Git命令窗口,输入安装vue cli,命令:

npm install -g @vue/cli --force

npm install -g @vue/cli --force

3、初始化项目kmw,使用npm init命令

npm init vite-app kmw

npm init vite-app kmw

4、切换到项目根目录,使用cd kmw

切换到项目根目录,使用cd kmw

5、使用npm install命令安装依赖包

使用npm install命令安装依赖包

6、接着,使用npm run dev命令运行项目

使用npm run dev命令运行项目

7、将已经创建好的项目,导入到HBuilderX开发工具中

将已经创建好的项目,导入到HBuilderX开发工具中

8、打开package.json文件,可以查看到vue版本为3.x

打开package.json文件,可以查看到vue版本为3.x

9、打开浏览器,在地址栏输入访问地址,查看界面效果

打开浏览器,在地址栏输入访问地址,查看界面效果

标签: #如何运行vue3项目