1、nodejs官网http://nodejs.cn/下载安装包,无特殊要求可本地傻瓜式安装
2、cmd命令行
1)、node -v //显示node版本
2)、npm -v //显示npm包管理器版本
3、由于有些npm有些资源被屏蔽或者是国外资源的原因,经常会导致用npm安装依赖包的时候失败,所有我还需要npm的国内镜像---cnpm
Cmd命令行中输入npm install -g cnpm --registry=http://registry.npm.taobao.org
控制台出现一大串黄色目录结构的字体,即表示安装成功
4、安装vue-cli脚手架构建工具
npm install -g vue-cli
查看安装的vue版本
vue -V (注意V是大写的)
5、安装webpack (需要安装这个,不然不知道为什么,初始化vue项目后启动会报错)
npm install webpack -g
查看webpack版本
webpack -v
6、查看vue可用的模板
vue list
7、初始化一个vue项目
vue init webpack 项目名称
需要配置一些关于该项目的配置(如作者、项目名称等,使用默认也行)
8、进入上面所创建的项目名称中
cd 项目名称
9、使用cnpm安装项目的依赖(需要安装一点时候,然后注意有没出错)
cnpm install
10、执行项目
npm run dev
注意:确认端口是否已被占用(默认8080),一般启动成功后,会有http://localhost:8080的提示
在注意器输入上面的提示,出现vue.js的标志表示安装成功
参考:https://www.cnblogs.com/RexSheng/articles/6934413.html
https://www.cnblogs.com/pengfei-nie/p/6979217.html