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项目新建成功。