1、创建一个Vue项目存放地址,用于存放Vue项目,自己找个方便的地方处理。我的地址:D:\ProgramFiles\Workspace\Vue2。创建项目进入cmd窗口,输入项目存放地址执行命令【vueinitwebpackHelloWorld】创建Vue项目【HelloWorld】输入项目名称作为项目保存文件夹名称项目描述及作者项目构建第一个选项:是否使用router不使用ESLint不使用unittesting不使用e2etest项目创建后是否执行安装,创建成功后选择第一项提示3.启动项目,进入项目根目录执行[npmrundev]启动成功后提示访问浏览器项目结构说明(不完整)|--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//测试环境变量|--src//源码目录||--组件//vue公共组件||--store//vuex状态管理||--App.vue//页面入口文件||--main.js//程序入口文件,加载各种公共组件|--static//静态文件,比如一些图片,json数据等||--data//群聊分析得到的数据,用于数据可视化|--.babelrc//ES6语法编译配置,里面有一些插件,这些插件的作用是代码转换|--.editorconfig//编译器配置,定义代码格式|--.eslintignore//忽略语法检查的目录文件|--.eslintrc.js//编译规则配置文件,规则自定义文件,这里可以配置为0当规则无法编译时|--.gitignore//git上传需要忽略的文件格式,|--favicon.ico//链接图标|--.postcssrc.js|--index.html//入口页面|--package.json//项目基本信息如:Script脚本可配置^向上箭头表示当前版本及以上版本均可安装|--README.md//项目说明
