1、输入 vue V 如果出现版本号，就说明安装成功脚手架安装成功之后，就可以通过脚手架创建vue项目了通过上面脚手架创建的Vue项目，使用 npm run serve 命令之后，打印如下使用 npm run serve 命令并不会自动打。

2、把appvue引入入口文件mainjs浏览器自动更新显示在浏览器的调试模式中会看到div标签中出现属性datavxxx ，那是因为使用了，样式只作用本组件中如果去掉scoped，div标签就没有datav属性，只是单纯的普通标签文本。

3、vue脚手架的作用是用来自动一键生成vue+webpack的项目模版，包括依赖库，免去手动安装各种插件，寻找各种cdn并一个个引入的麻烦vue脚手架指的是vuecli，它是一个专门为单页面应用快速搭建繁杂的脚手架，它可以轻松的创建新。

4、安装vuecli脚手架，安装代码为npm install g vuecli，我们在这里选择的是全局安装，安装完之后创建项目然后根据提示选择会否安装插件，如果安装则选择Yes，如果不安装则选择No，知道插件选择完成之后我们cd切换到项目。

5、Vue是构建用户界面的渐进式框架，可以自底向上逐层应用大概是这个意思由基层开始做起，把基础的东西写好，再逐层往上添加效果和功能前期刚学时不建议直接安装vuecli脚手架，可以直接通过引入，如 然后直接用。

6、2static方法第一步图片放在static文件夹，在data对象的一个里定义属性pro_img，属性值是图片与vue的相对路径第二步在template中 给标签绑定属性刷新看效果解决vue组件css中背景图片路径报错问题前提是你用了vuecil，那。

7、而vuecli是vue的官方脚手架，它能帮助我们方便的配置webpack这样看来，有很大的可能我们需要同时使用vuecli与vuex如何在vuecli中使用vuex项目搭建及添加vuex 当我们使用vuecli搭建一个vue项目的时候假设项目名为learn。

8、vuecli脚手架的优势有一套成熟的vue项目架构设计，能够快速初始化一个Vue项目vuecli是官方支持的一个脚手架，会随本版本进行迭代更新vuecli提供了一套本地的node测试服务器，使用vuecli自己提供的命令，就可以启动。

9、这个开发环境就是脚手架比如vuejs就有个vuecli脚手架，基于nodejs的开发环境，作者帮你把开发环境大部分东西都配置好了，你把脚手架下载下来就可以直接开发了，不用再考虑搭建这些工具环境。

10、vuecli3 最大的特点就是 零配置 ，脚手架把webpack相关的配置都隐藏在@vue\preloadwebpackplugin中，默认的配置可以满足大部分应用场景，优点是我们可以节省很多折腾配置的时间，webpack对于新手来说，还是有点门槛的，这样一来，新人上手。

11、在尝试稍微复杂的功能或者遇到问题时，容易找到相关满意的解决方式，总体来说还是比较适合入门的后续看时间能多熟悉些实际项目，真正用于搭配后端做个可用的项目1 Vuejs介绍 2 Vue CLi脚手架。

12、检查node是否安装成功 为了更快安装，可以使用淘宝的镜像 在终端输入以下命令检测cnpm是否安装成功 vuecli是vue脚手架工具，方便打包，部署，测试等进入你的项目目录，创建一个基于 webpack。

13、目前在市面上存在很多脚手架，如createreactappvuecli我们可以通过一行简单的命令，就能创建一个基本的项目工程，大大地提高了开发效率但是我们会面临一个问题，除了脚手架帮我们创建好的项目框架，我们的项目总有。

14、1如何引入在vuecli里，引入文件有几钟方法一种是用npm或者cnpm指令去下载对应的插件，然后在mainjs里用import方法引入，这里不讨论这种方法我比较喜欢采用的是直接下载对应的js，然后引入到vue项目中去问题来了，如何引入。

15、借鉴 angular 的模板和数据绑定技术借鉴 react 的组件化和虚拟 DOM 技术4Vue的现有插件 vuecli vue 脚手架，用于搭建项目的骨架vueresourceaxios ajax 请求vuerouter 路由vuex 状态管理vuelazyload 图片懒。

16、vuecli 用于创建 vue2 的项目vuecli 用于创建 vue3 的项目，当然也支持 vue2使用起来还是比较繁琐的，首先要安装脚手架，然后使用 vue create helloworld 创建项目，具体的就不介绍了官网。