vue-cli构建项目

一.Vue

1.数据驱动
2.组件化

二.Vue-cli是vue的脚手架工具(选择好文件夹后cmd)

1.npm install -g vue-cli (安装)
2.安装成功后,输入vue 或vue list查看命令
3.vue init webpack 名字 例如:vue init webpack test
cd test ,再执行dir(linux下执行ls)
vue-cli构建项目4.注意在test 文件路径下,执行npm run dev
5.会显示端口号,在网站输入此链接,即可看到vue的图片画面

三.新建项目的各个文件夹

1.build和config都是webpack配置相关
2.node_modules安装的依赖代码库
3.Src存放项目源码
4.Static存放第三方静态资源
5.Package.json项目配置文件(可通过scripts配置一些脚本)
vue-cli构建项目