1、下载安装node.js
- 前往官网下载node.js:http://nodejs.org/
- 打开安装包,安装
- 打开cmd(或power shell)
输入"node -v" 或 “node --version”,查看node版本号以确认是否安装成功。
2.安装vue-cli
打开cmd命令行工具,输入npm install -g vue-cli,回车 全局安装vue-cli
(注:npm会有点慢,建议更改为国内淘宝的镜像,只换源即可。在cmd输入命令:npm config set registry https://registry.npm.taobao.org)
3、开始搭建vue-cli
- 查看环境
“node -v”——查看node版本(Cli2.x需要在6.9以上)
“npm -v”——查看npm版本(Cli2.x需要在3.10以上) - 安装全局脚手架(安装过了可以跳过,直接查看脚手架版本)
“npm install --global vue-cli”——安装全局脚手架;
“vue --veision” 或 “vue -V”(大写的V)——查看脚手架版本 - 创建新项目
“vue init webpack my-project”——可自定义项目名
选填项:项目名、项目描述、作者信息、build、router等(默认回车/no),后续需要时再安装。 - 按照提示完成后续操作
$ vue init webpack projectName--------------------- 安装vue-cli,初始化vue项目的命令
? Target directory exists. Continue? (Y