一、Vue环境搭建,创建第一个初始项目

tech2024-07-25  49

一、首先安装node.js

装好之后配置环境变量,可以通过node -v查看是否安装成功

 

二、更新npm

刚刚装好的node.js可能不是最新的npm,用npm install -g npm指令更新npm

 

三、安装Vue的脚手架,cnpm install vue-cli -g

 

安装完之后用vue list指令验证vue-cli是否安装成功,成功的话如下

如果出现以下提示,只需要重启电脑就不报错了

 

四、建立vue项目testvue

选择完所有选项后会自行进行安装,如果卡在上一个图片最后一行不动的话,可以试试回车也许可以下一步

 

五、Vue项目安装成功之后需要安装一些依赖再运行

1.先将目录切换到项目里,比如我切换到我的项目testvue目录里

2.执行cnpm install

3.再执行cnpm run dev

 

在浏览器中打开http://localhost:8080,运行成功

最新回复(0)