vue新手入门——vue-cli搭建

首先说明，以下内容vue官网都有文档，如果觉得麻烦啰嗦，请移步至 安装-vue.js 。

准备工作：

1.下载并安装node环境，一般情况下安装好node之后，npm也会安装好。具体安装的话，百度大概能帮得上忙。

2.配置cnpm，因为不明原因npm会很慢，建议使用配置国内淘宝镜像。顺手一个来自vue官网的么么哒

3.安装webpack（前端资源模块化管理和打包工具）   PS：记不清是不是一定要装了，各位小伙伴可以给我回馈哦

cnpm install webpack -g  #全局安装webpack

开始构建一个vue单页应用：

1 #利用vue-cli创建一个基于webpack模板的vue项目
2 vue init webpack simpleDemo

然后你就会看到如下画面：

接下来怎么做vue-cli也告诉我们了。

1.进入项目根目录

cd demo

2.安装依赖

cnpm install

3.启动项目

npm run dev

 

至此一个简单vue单页应用构建完成.