vue-cli项目结构详解
Vue-cli是vue官方出品的快速构建单页应用的脚手架,如果你是初次尝试Vue,不建议使用,推荐你使用普通引入javascript文件的方式进行学习,如果你已经有vue基础那么就可以用vue-cli这个脚手架进行学习。下面开始对vue-cli生成的项目结构进行一下简单的解读,这个解读只是本人在项目中应用vue-cli的一些个人见解和总结,只针对一些刚入门vue的人,本人是菜鸟,如有不对请大神不吝赐教。 第1部分:安装Vue-cli 一.安装vue-cli 安装vue-cli首先需要安装node,如果你的电脑已经安装node,就可以使用node自带的npm来安装vue-cli,你可以在命令行工具里输入npm -v 检测你是否安装了npm和版本情况。出现版本号说明你已经安装了npm和node,我这里的npm版本为5.3.0。 如果npm没有问题的话,就可以愉快的玩耍了。 npm 命令安装vue-cli了,在命令行输入下面的命令: npm install vue-cli -g -g :代表全局安装。如果你安装时报错,一般是网络问题,你可以尝试用淘宝镜像cnpm来进行安装。安装完成后,命令行输入vue -V来进行查看 vue-cli的版本号。注意这里的V是大写的。我这里版本号是2.9.9,应该是截止到2017-12-22最新版本。 出现这个版本号说明vue-cli安装成功! 二