新建vue项目
1. 前期准备工作
1.1 安装node,下载地址:https://nodejs.org/zh-cn/,安装完之后用命令 node -v 查看是否安装成功,查看npm版本(node自带npm),如果不是最新的npm版本,可以运行 npm install -g npm安装最新的版本
1.2 安装淘宝镜像: npm install -g cnpm --registry=https://registry.npm.taobao.org
2. 项目初始化
2.1 安装vue-cli: cnpm install vue-cli -g,使用 vue list 查看vue-cli是否成功
2.2 选定一个目录新建vue项目,vue init webpack myproject,注意:项目名不能包含大写字母
2.3 项目安装目录下运行操作指令:cnpm install, cnpm run dev,成功后命令行将出现如下界面
2.4 在浏览器输入 localhost:8080 会出现如下界面,简单的项目就创建好啦