Vue2.0项目搭建


安装node.js

可以查看我的这篇文章:node.js安装及环境配置-优快云博客

安装vue脚手架vue-cli

1.选中以管理员身份运行cmd

2.输入命令:npm install -g @vue/cli

654de41aa1921dfd8ad8a3058a043979

3.检查是否安装成功,输入命令:vue --version或者vue -V

1b86d16ae4d6da3c12ddb9eea6a1ed29

创建vue2.0项目

1.以管理员身份打开cmd终端,创建vue项目所在包

image-20250118013112370

2.进入需要创建项目的目录后,输入以下指令:

vue ui

3.浏览器会打开一个窗口,可以在窗口中创建vue项目

点击在此创建新项目

4.对创建的项目进行配置

19570229ab9163054dcf3b537dbd97a7

950c5ab706fb280d2da7d0b40257de1e

46ed63d6f019ad987ed7444a9cebd1b2

92e45724679148ccc298c21d6f60f811

5.创建项目

b84e9902613d4cbc9c88e641c1d90dcd

6.等待一下项目完成,进入下面这个页面

fef39beea8851f873a80fba6d102588f

7.查看创建好的项目文件

image-20250118013747176

启动vue项目

cmd窗口启动

以管理员的身份运行cmd,进入项目路径

我这里是 cd D:\Desktop\VueCode\vue_demo

输入命令

npm run serve

image-20250118014026976

在浏览器输入 http://localhost:8080/#/ 即可进入vue初始界面

91f778f68d5c514f1aeb8fe0e50906a9

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值