vue是一个MVVM框架,主要方便进行单页面的应用开发。vue的脚手架搭建是用于搭建和打包vue项目。一共分为四个步骤。
1.安装node,如果已经安装好node,确保node是4.0以上的版本。
2.安装vue-cli,使用指令npm install -g vue-cli(安装可能会很慢,请耐心等待)。
3.初始化项目,先进入到想要创建新项目的文件夹下,使用指令vue init 模板类型 项目名称,vue的模板类型有很多种,可以使用指令vue list来进行查看,比如使用webpack模板,那么创建一个名为newProject的项目指令是:vue init webpack newProject,之后又一系列项目的基础信息设置,接下来进入newProject文件夹,运行npm install,将会自动下载模板所需要的模块,放在node_modules的文件夹中。
4.运行vue环境,使用npm run dev指令运行项目环境,启动成功以后会主动打开默认浏览器并且访问:http://localhost:8080/,端口地址可以自行设置。