如何安装vue.js，如何安装vue20

Vue脚手架

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

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

在没有Vue脚手架的时候，我们需要手动搭建webpack项目、手动去配置vue，现在有了Vue脚手架，我们就可以通过命令行的形式快速生成vue项目的基础架构。其官网地址为： https：//cli.vuejs.org/zh/ 安装 x 版本的 Vue 脚手架。输入 vue -V 如果出现版本号，就说明安装成功。

”原因是版本问题、安装问题、模板选择问题。版本问题：Vue脚手架更新比较快，如果使用的是旧版本的脚手架，会导致创建的文件不全。可以尝试升级到最新版本的Vue脚手架，再重新创建项目。安装问题：如果在安装Vue脚手架时出现问题，会导致创建的文件不全。

一般就是这样：本人测试vue-cli，使用的各个工具的版本，分别是node9webpack0、vue4。第一步，安装node.js。PS：我所使用的系统是win7的64位。PS：检测node.js是否安装成功，在命令行中输入node -v即可。第二步，安装cnpm。

相关问答

Q1: 如何安装vue-cli脚手架

1、第四步，安装Vue。执行命令：cnpm install vue。第五步，全局安装vue-cli。执行命令：cnpm install --global vue-cli。(此步可以忽视)第六步，在开源处(即存放网站的地方)，执行操作：shift+右键，点击在此处打开命令窗口。

2、在没有Vue脚手架的时候，我们需要手动搭建webpack项目、手动去配置vue，现在有了Vue脚手架，我们就可以通过命令行的形式快速生成vue项目的基础架构。其官网地址为： https：//cli.vuejs.org/zh/ 安装 x 版本的 Vue 脚手架。输入 vue -V 如果出现版本号，就说明安装成功。

3、需要先安装 node.js。 安装完node.js之后，npm也会自动安装。

4、下载并安装node 下载地址为：https：//nodejs.org/en/ 在 nodejs官网下载最新版稳定版的node.js安装，自带了npm工具 ，推荐下载左边的。

5、、安装vue-routernpm install vue-cli -g。1安装vue脚手架这里的-g是指安装到global全局目录去，安装完成后，此时安装的文件都会到E：\nodejs\node_global\node_modules中。1对path环境变量添加E：\nodejs\node_global。1然后重新打开cmd，运行vue -V ，如果显示版本号，则到此安装完成。

6、- 安装Vue CLI：Vue CLI是Vue的脚手架工具，用于创建和管理Vue项目。 创建Vue项目： - 打开终端，并进入你希望创建项目的目录。 - 运行命令`vue create my-test-website`，其中`my-test-website`是项目的名称，你可以根据自己的喜好进行更改。

Q2: npm用来安装vue.js模块的命令是

1、需要先安装 node.js。 安装完node.js之后，npm也会自动安装。

2、在桌面目录下，在命令行中运行命令 vue init webpack firstVue 。解释一下这个命令，这个命令的意思是初始化一个项目，其中webpack是构建工具，也就是整个项目是基于webpack的。其中firstVue是整个项目文件夹的名称，这个文件夹会自动生成在你指定的目录中（我的实例中，会在桌面生成该文件夹），如下图。

3、使用Vue-cli工具，首先需要通过Node.js进行安装，安装完成后，进入开发目录，输入以下命令进行安装：npminstall-gvue-cli安装完成。之后使用Vue-cli创建一个基础的Vue.js项目。

4、基于nodejs，利用淘宝npm镜像安装相关依赖。

5、vue.js是当前前端开发中使用最广泛的一个框架，简单小巧的核心，渐进式技术栈，足以应付任何规模的应用，而且Vue.js的优化做的也非常的好，有着非常快的响应速度。安装之前检查是否已经安装node环境，如果有我们就进行接下来的vue-cli的安装，若果没有我们则先安装node环境。

6、首先在IDEA中安装vuejs插件 FileSettingsPlugins搜索vuejs插件进行安装 2点击Edit Configurations，添加一个npm 然后就可以在IDEA中运行了。

如何安装vue.js的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于如何安装vue20、如何安装vue.js的信息别忘了在本站进行查找喔。