如何运行导入的项目_如何创建vue3框架项目并运行项目

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

75ad652ef0de0f62601ef0e0863d1f09.png

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

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

npm install -g @vue/cli --force

3c07e91b290c51bb7db771a62b50a6ed.png

npm install -g @vue/cli --force

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

npm init vite-app kmw

c1f5abe56d20b45bb0f841ce4353c8b8.png

npm init vite-app kmw

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

c8aee6ce87d60498fc9958628f5ed9bb.png

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

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

629a6263aed9215ed75eeda0ca94ed69.png

使用npm install命令安装依赖包

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

f71816fb5a5dcdedb38bf77f0cde3382.png

使用npm run dev命令运行项目

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

c1db34aa48b7f41fef702e8605bdaf4f.png

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

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

268cca5400b785e00cd0a6913bf944e9.png

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

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

456fcbe6ad76c92720d920d654b00b4b.png

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

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值