Vue快速上手从0到1的项目搭建

1. 环境准备

1.1 安装node

官网下载傻瓜式安装

1.1.1 验证是否安装成功

node -v
npm -v

1.1.2 安装node.js淘宝镜像加速器（cnpm）

npm install cnpm -g

-g 全局安装

1.2 安装vue-cli

cnpm install vue-cli -g

1.3 安装webpack

npm install webpack -g
npm install webpack-cli -g

验证：webpack -v
webpack-cli -v

2. 从0到1搭建Vue项目

2.1 初始化一个Vue项目

进入到想要项目存在的目录中，执行vue init webpack hello-vue即可快速新建一个名为hello-vue的项目

2.2 安装vue-router

进入项目目录cd hello-vue
安装vue-router：cnpm install vue-router --save-dev

2.3 安装element-ui

cnpm i element-ui -S

2.4 安装依赖

cnpm install

2.5 安装SASS加载器

cnpm install sass-loader node-sass --save-dev

2.6 启动测试

cnpm run dev