项目环境搭建
前端开发流程越来越工程化,选型某种框架时,总会附带框架的全家桶系列,对于 vue
而言,包含了 vue-router
,vuex
,vue-resource
,以及构建工具 vue-cli
,构成了 vue
项目的核心构成。而 vue-cli
这个构建工具主要是提供了完整的 webpack
配置,支持热更新,有 webpack-dev-server
服务,为开发提供了一个友好的开发环境,使我们只要专注于业务逻辑的开发,减少工程构建部分的工作量。
1.安装vue-cli
首先需要检查环境是否已经安装好 node
和 npm
,需要通过 npm
全局安装 webpack
,任意目录打开命令行工具并输入 npm install webpack webpack-cli -g
,安装好之后 webpack -v
,若出现版本号,则说明安装成功
全局安装 vue-cli
npm install vue-cli -global
安装成功: