首先，我们需要卸载目前电脑上全局安装的vue版本，命令如下npm unistall vuecli g npm install g @vuecli 注意哦，如果电脑的npm版本过低，就需要重新安装一下npm install g npm#160然后我们安装好了之后，就。

可以通过在终端中运行vueversion命令来检查VueCLI的版本，并通过运行npminstallg@vuecli来更新VueCLI2Nodejs版本的问题Vue3需要使用Nodejs12及以上版本，如果使用的是旧版本的Nodejs，可能会导致配置失败可以。

使用npx vue create project vuecli全局安装npm install vuecli g vuecli的版本查看vue V vuecli的30+以后使用的不是vuecli了，如果用以上的安装命令安装的并不是最新版的30+的，而如果安装30的。

查看vuejs是否安装成功的具体步骤如下1首先打开电脑桌面左下角开始菜单栏中的“运行”2然后在弹出来的窗口中点击输入“cmd”，鼠标左键点击下方的“确定”3然后在弹出来的窗口中点击输入命令“vue v”。

vue可以在电脑上操作的1从nodejs的官网下载nodejs，本次演示选择的是稳定版本2安装nodejs，基本上是一路next，重点是要选择安装的位置，本次演示选择安装在E\nodejs里3安装完毕后，配置nodejs，运行cmd。

用命令行生成vue项目框架需要npm包管理器来安装，而npm又是在安装nodejs的时候同时安装的，所以首先要安装nodejs安装完成后，打开cmd输入 node v， 出现类似v6112这样的版本号说明node安装成功输入 npm v， 出现。

安装工具npmnpm install g @vuecliyarnyarn global add @vuecli安装完成以后我们验证下有没有安装成功，执行下面命令后如果安装成功后，会显示版本号，我安装的版本是 304vue version如果你和我一样恭喜你。

在这里，我选择桌面来存放新建的项目，则我们需要先把目录cd到桌面，在桌面目录下，在命令行中运行命令 vue init webpack firstVue 解释一下这个命令，这个命令的意思是初始化一个项目，其中webpack是构建工具，也就是整个。

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

如下图 velse指令 velse指令必须跟在vif指令或vshow指令后面，否则它无法被识别 velse指令的元素是否被渲染到HTML中主要看基于vuejs版本，如果是2x版本，那么不管前面是vif指令还是vshow指令，当前面。

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

vue init就是生成脚手架吧，你vue init能执行么既然可以vue init说明vue命令环境中存在阿，如果不能执行说明你全局就没安装vue，安装脚手架和安装vue可不是一个概念，脚手架的vue版本直接在packagejson里就能看了。

安装cnpm在命令行中输入npm install g cnpm registry=然后等待，安装完成如下图完成之后，我们就可以用cnpm代替npm来安装依赖包了如果想进一步了解cnpm的，查看淘宝npm镜像官网安装vue。

然后使用命令行进入这个文件夹cd 目录路径之后使用命令vue init webpack name来初始化一个vue环境，这个命令的意思是初始化一个项目，其中webpack是构建工具，也就是整个项目是基于webpack的在安装过程会有一些初始化的。

Vue 中提供了14个比较常用的指令，如 1vmodel 双向数据绑定，表单元素常用 input select radio checkbox textarea 等，vmodel有三个修饰符，例如input元素 vmodeltrim去掉输入值的前后空格和vmodelnumber，将输入。

安装之后 执行cnpm v，如果出现相应的版本号就是安装成功 webpack安装命令安装之后 执行webpack v，它会问你直接回车就可以，然后再执行webpack v，如果出现相应的版本号就是安装成功 3最后就是安装vuecli脚手架。

1vbind给元素绑定属性2von给元素绑定事件3vhtml给元素绑定数据，且该指令可以解析html标签4vtext给元素绑定数据，不解析标签5vmodel数据双向绑定6vfor遍历数组7vif。

vif根据表达式的值的真假条件渲染元素，在切换时元素及它的数据绑定组件被销毁并重建vshow根据表达式之真假值，切换元素的display CSS 属性vfor循环指令，基于一个数组或对象渲染一个列表，Vue 20 以上必须。