本文详述了如何使用vue-cli初始化一个Vue项目，并集成大华摄像头。首先，确保安装node.js，然后通过npm安装vue-cli并创建项目。接着，进入项目并安装依赖，启动开发环境。项目结构包括build、config、src等目录，每个目录都有特定作用。重点介绍package.json的scripts字段，以及dependencies和devDependencies的区别。还涉及webpack配置，如dev-server.js、webpack.base.conf.js，以及热加载和代理配置。最后提到了.babelrc、.editorconfig等文件的作用，为理解项目配置提供帮助。
创建一个vue-cli 项目，总结网上已有资料。
首先要安装node.js，才能安装vue。
npm install -g vue-cli
vue --version
vue init webpack/simple/browserify myFirstProject 创建项目
cd myFirstProject 进入项目
npm install 安装依赖
npm run dev 启动
下面是创建好的项目：
项目结构一览：
.
|-- 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.js // webpack生产环境配置
|-- config // 项目开发环境配置
| |-- dev.env.js // 开发环境变量
| |-- index.js // 项目一些配置变量
| |-- prod.env.js // 生产环境变量
| |-- test.env.js // 测试环境变量
|-- sr
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
