vue-cli安装以及搭建vue项目详细步骤

2025-06-07 13:09:57

1、第一步,检查node.js是否安装,通过命令提示符,node -v npm -v查看,如果没有请先安装node.js,如下图.

vue-cli安装以及搭建vue项目详细步骤vue-cli安装以及搭建vue项目详细步骤vue-cli安装以及搭建vue项目详细步骤vue-cli安装以及搭建vue项目详细步骤

6、第六步,选择上一张图片的NO,I will handle that myself然后输入cdprojectname(你项目名称)然后再输入cnpm install如下图

vue-cli安装以及搭建vue项目详细步骤

7、第七步,输入cnpm run dev最后在网址打开http://127.0.0.1:8080/如下图

vue-cli安装以及搭建vue项目详细步骤

8、最后附上项目的结构目录,如下图

vue-cli安装以及搭建vue项目详细步骤
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
猜你喜欢