代码: https://codechina.csdn.net/weixin_44235759/vue-cli-1
vue-cli
简化了webpack创建工程化的vue项目的过程
vue-cli 是 npm 上的一个全局包,使用npm install
npm install -g @vue/cli
基于 vue-cli 快速生成工程化的 vue 项目:
vue create 项目名称
查看是否安装成功
vue -V
创建项目
1、cd 到指定项目创建位置的目录
2、vue create xxx
初学手动选择最后一项
插件的配置项放到自己独立的配置文件中
是否存预设
npm run serve
目录
src> assets :存放项目中用到的静态文件
src>components: 存放项目中 可复用的组件
src>main.js: 是项目的入口文件,整个项目执行会先执行main.js
src>App.vue: 是项目的根组件
Vue项目的运行流程
通过 main.js 把 App.vue渲染到 index.html的指定区域中