Vue-cli脚手架的安装

1:电脑中必须安装node环境:
下载地址:(https://nodejs.org/en/download/)
2:node.js安装完成后,默认的带有npm环境。(用cmd命令可以查看是否安装成功及安装版本node -v、npm -v)
Vue-cli脚手架的安装
3:安装脚手架,在命令提示符中运行npm install -g vue-cli
4:创建项目。语法为:vue init 模板名 项目名(项目名中不能包含空格)。
例如:vue init webpack my_project
5:运行项目。dos命令进入项目目录,执行 npm install安装依赖,执行npm run dev启动项目。
Vue-cli脚手架的安装Vue-cli脚手架的安装

首先通过cd进入所在文件目录,建立自己的项目,一路enter。在vue build中会遇见Runtime only和Runtime Complier两种版本,第一种编译是在离线时进行(预编译)。第二种编译是在客户端进行。
Vue-cli脚手架的安装
成功创建项目:
Vue-cli脚手架的安装

启动项目:Vue-cli脚手架的安装
启动成功:
Vue-cli脚手架的安装
以上就是脚手架的整个搭建过程。在搭建的过程中,如果没有授予nodejs管理员权限可能会出现-4048错误。可以尝试授权后,再进行搭建。