Vue---vue-cli新建项目

1、环境搭建

安装node.js
全局安装vue-cli
(以上两步请自行百度……)

2、新建Vue项目

在命令行中输入 vue init webpack study_01 
(其中study_01指的是项目的名称)
点击回车后会出现以下配置信息,可参考图片中的配置进行Vue的相关配置。

在这里插入图片描述

项目创建后的截图如下所示

在这里插入图片描述

在命令行中输入,cd study_01,进入到新建的项目文件中,然后输入npm install
  安装npm依赖。

在这里插入图片描述

在命令行中输入npm run dev,开启项目,也可以用来检测项目是否新建成功
项目启动后,在浏览器中输入 http://localhost:8080
即可看到新建的Vue项目的初始化界面

在这里插入图片描述

在这里插入图片描述

至此一个Vue项目新建成功。
发布了33 篇原创文章 · 获赞 7 · 访问量 3240

猜你喜欢

转载自blog.csdn.net/GaoXiR/article/details/103705191
今日推荐