前言
构建vue项目的开发环境配置,官方提供了脚手架工具vue-cli来快速构建一个开发环境,初始化一个vue项目操作命令如下:
// 安装node.js,内含npm,Node.js官网:https://nodejs.org/en/ 。
// 设置npm镜像cnpm命令行工具
npm install -g cnpm --registry=https://registry.npm.taobao.org
// 全局安装 vue-cli
cnpm install -g vue-cli
// 建议使用2.x的版本,想用3.x的输入
cnpm install -g @vue-cli
// 先创建并进入vue项目目录
// 创建vue-cli脚手架项目
vue init my-project
// 初始化安装项目
cnpm install
// 运行项目
npm run dev
vue-cli项目结构大纲 (2.X)
|-- build // 项目构建(webpack)相关代码
| |-- build.js // 生产环境构建代码
| |-- check-version.js // 检查node、npm等版本
| |-- dev-client.js // 热重载相关
| |-- dev-server.js // 构建本地服务器
| |-- utils.js // 构建工具相关
| |-- webpack.base.conf.js // webpack基础配置
| |-- webpack.dev.conf.js // webpack开发环境配置
| |-- webpack.prod.conf.