手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

windows10 系统如何搭建vue开发环境

时间:2024-10-11 21:40:31

1、首先我们先安装node.js,然后直接执行图中红框中的命令行

windows10 系统如何搭建vue开发环境

2、接着等待上述完成后,继续执行vue安装命令,输入后回车,耐心等待

windows10 系统如何搭建vue开发环境

3、完成后,输入vue后回车,出现图中的,即表示安装成功了

windows10 系统如何搭建vue开发环境

4、现在我们来创建第一个项目,定位到你想要创建项目的位置后输入命令行,,最后是你的项目名称,,图中直接输入y即可继续

windows10 系统如何搭建vue开发环境

5、等待项目创建,,一会就可以创建完成了,

windows10 系统如何搭建vue开发环境

6、然后定位到项目的根目录中,输入cnpm的安装命令,等待安装完成如图所示

windows10 系统如何搭建vue开发环境

7、然后我们就可以启动我们刚刚创建的项目了,

windows10 系统如何搭建vue开发环境

8、在浏览器输入刚刚的地址,就可以访问我们创建的项目 了

windows10 系统如何搭建vue开发环境
© 手抄报圈