Vue学习笔记进阶篇之vue-cli安装及介绍

Vue-cli是Vue的脚手架工具主要作用：目录结构、本地调试、代码部署、热加载、单元测试地址：全局安装vue-cli当然了，要想使用npm工具，就必须安装Node.js，node.js的安装方法这里就不做介绍了。安装完成后，在终端输入以下命令, 可以查看vue的版本：输入以下命令，可以查看官方提供的模板：我们可以看到，vue官方提供了6个模板，我们这边主要使用webpack模板。然后根据提示，依次键入以下命令：这三个命令是干嘛用的呢？除了上面的3个命令，还有个比较重要的命令：这个会生成静态文件，在根目录的dist里，里面有个index.html，这是服务器访问的路径指定到这里就可以访问我们自己的项目了。项目目录结构如上图