vue-cli,都说是vue脚手架,一般cli是命令行的意思,一看就知道与node有关,其实脚手架是建筑工用的工具,给工人踩在上面干活的,这里借用它的意思,我觉得应该叫vue平台工具大家更容易懂,毕竟脚手架一般人真不知道是啥玩意。也就是说这是用node和webpack来创建vue项目。需要你有node环境和webpack环境,如果没有,请自行安装。node巨简单,webpack坑挺多特别是新版本,如果不怕可以使新的,否则加上@老版本号很容易搞定。有了他们,就可以安装vue-cli了。
安装vue-cli巨简单,官网写的很清楚。只是安装后里面的各种文件有点多。如果不学weback,不容易理解,至少知道webpack基本配置。
三步走,:1,cnpm install vue-cli -g 全局安装脚手架
2,vue init webpack 文件名 其实除了webpack还有其他形式,然后他会让你对文件进行初始化,按照需要走就可以。安装依赖时候可以ctr c 退出,用cnpm,进入文件夹安装,因为更省时间。
3,npm run dev 让它在开发环境中跑起来!就可以在浏览器中复制黏贴地址看到它庐山真面目了。
关于文件,如果仅仅使用,至少了解
build 和webpack有关的文件。
config 静态配置文件,可以改端口,更改useEslint为false(否则你稍微不按照它的规范来写就可能出error和problem不让你在浏览器上跑,当然你也可以将报错类型添加到eslintrc.js文件里作为属性,值为0或1,但是这样太麻烦)。
node_modules node依赖的模块,不要随便改
src 里是写代码的区域,里面有方静态资源的assets(资产),
index.htm 是入口文件,能自动注入。
packge.json,项目目录。
index.html <--- main.js <---- App.vue,
弄懂这三个文件的关系,就可以开干。