揭秘!Vue项目结构!自动创建Vue项目,解放生产力
继前端构建神器webpack
Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue被设计为可以自底向上逐层应用。
VueCLI是一个基于Vue.js进行快速开发的完整系统,基于webpack构建,并带有合理的默认配置;
VueCLI将Vue生态中的工具基础标准化。而不必纠结配置的问题。
a.交互式的项目脚手架。
b.实现的零配置原型开发。
经过下面几步,就可构建如上图中的项目
安装nodejs,命令行输入node–v检测安装是否成功
安装vue-cli脚手架:
npmi-g
vue/cli-init,命令行输入vue–v检测安装是否成功新建项目vueinitwebpackmyVue,myVue是项目名称。其中ESLint,单元测试,Nightwatch可以不选择
打开项目文件夹myVue,npminstall下载依赖
运行项目npmstart;
项目结构如下