vue安装命令

❶ 怎样在电脑上安装vue

从node.js官网下载并安装node，一般我们windows系统下载 Windows Installer (.msi) 64位的就好，安装过程很简单，一路“下一步”就可以了（傻瓜式安装）。安装完成之后，打开命令行工具，输入node -v，如下图，如果出现相应的版本号，则说明安装成功。

npm包管理器，是集成在node中的，所以，直接输入npm -v就会如下图所示，显示出npm的版本信息。

node环境已经安装完成，npm包管理器也有了。由于有些npm有些资源被屏蔽或者是国外资源的原因，经常会导致用npm安装依赖包的时候失败，所有我还需要npm的国内镜像---cnpm。

安装cnpm

在命令行中输入npm install -g cnpm --registry=http://registry.npm.taobao.org然后等待下载，大概2分钟。

安装vue-cli脚手架构建工具

在命令行中运行命令npm install -g vue-cli，然后等待安装完成。

通过以上三部，我们需要准备的环境和工具都准备好了，接下来就开始使用vue-cli来构建项目。用vue-cli构建项目要创建项目，首先我们要选定目录，然后再命令行中把目录转到选定的目录。在这里，我选择桌面来存放新建的项目，则我们需要先把目录cd到桌面，

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

运行初始化命令的时候回让用户输入几个基本的选项，如项目名称，描述，作者等信息，如果不想填直接回车默认就好。

打开firstVue文件夹，项目文件如下所示

这就是整个项目的目录结构，其中，我们主要在src目录中做修改。这个项目现在还只是一个结构框架，整个项目需要的依赖资源都还没有安装

安装项目所需要的依赖包，首先cd到项目文件夹（firstVue文件夹），然后运行命令cnpm install，等待安装

安装完成之后，会在我们的项目目录firstVue文件夹中多出一个node_moles文件夹，这里边就是我们项目需要的依赖包资源。

安装完依赖包之后，就可以运行整个项目了。

输入： cnpm run dev 运行

这里简单介绍下npm run dev命令，其中的“run”对应的是package.json文件中，scripts字段中的dev，也就是node build/dev-server.js命令的一个快捷方式。项目运行成功后，浏览器会自动打开localhost:8080（如果浏览器没有自动打开，可以手动输入）。

❷ 怎么查看vue.js是否安装成功

查看vue.js是否安装成功的具体步骤如下：

1、首先打开电脑桌面左下角开始菜单栏中的“运行”。

❸ 开发vue的过程中，需要面对的主要问题有哪些

vue项目的开发流程

1.$node-v(检测node版本，node版本需要在V4以上)

2.全局安装vue$npminstall-gvue

3.安装脚手架$npminstall-gvue-cli

4.运行vue命令，看是否已安装完毕$vue/$vuelist(查看可安装的模板)

5.安装模板$vueinitwebpack(模板)sell(项目名称)

6.?Projectnamesell

?Projectdescriptionsellapp

?AuthorcrazyCode<[email protected]>

?UseESLinttolintyourcode?Yes

?PickanESLintpresetStandard

?SetupunittestswithKarma+Mocha?No

?Setupe2etestswithNightwatch?No

7.$cdsell(进入项目目录)

8.$ll-a(查看目录结构)

9.$npminstall(安装模块下代码的依赖)

10.$npmrundev(运行项目)

11.项目准备A.新建resource文件夹，将图片文件放在resource之中

B.通过IcoMoon将svg图片制作成矢量图标

12.设计项目目录A.所以的代码文件都放在src文件夹中，src下一般有三个子目录assets、components(在其中自建文件夹，存放组件，满足组件就近维护的原则)和common(公共的模块和资源，其中有3个子目录,js,stylus,fonts)

B.图片资源文件放在resource文件夹之中

13.复制之前的矢量图标文件(4个)及style.css，存放在fonts文件目录和stylus文件目录下，将style.css改名为icon.styl且内容格式同步（只需删除文件中{}和；即可）

14.删除assets和router目录

15.编制数据接口build-->dev-server.js

在dev-server中设置获取调用数据

16.安装Google的jsonview插件，格式化json数据

17.在static项目下，新建css文件夹，存放reset.css,官网：yingtaow.com

18.配置分号（;）semi(默认eslint是没有分号的，如果强加；号，会报错，需要到eslintrc.js下配置)

19.设置代码缩进

20.在App.vue上进行区块布局

注意路径./表示当前路径

import***from'***'-->引用

exportdefault{

components:{

'v-header':header

}

}-->注册

export与exportdefault的区别是exportdefault是相对于整个modal导出

21.安装stylus-loader之前，需先安装stylus

$npminstallstylus

$npminstallstylus-loader

❹ VUE怎样下载

1. 可以到vue官方下载自己所需要的版本。
2. 可以在其他第三方网站下载，一般代码都是一样的。
3. 直接在命令提示符中执行npm安装指令安装。

❺ elen怎么安装

摘要 您好~很高兴给您提供咨询业务，如果您对我的服务满意的话，别忘了赞哦~您要的内容如下：

❻ 关于vue的安装

1.从node.js的官网下载node.js,本次演示选择的是稳定2.安装node.2基本上是一路next,重点是要选择安装的位置啦，本次演示选择安装在E:\nodejs里3.安装完毕后,配置node.js
运行cmd
执行npm路径配置命令
npm config set prefix "E:\nodejs\node_global"npm config set cache "E:\nodejs\node_cache"
查看本地仓库
npm list -global
更换镜像站为国内的淘宝镜像站
npm config set registry=http://registry.npm.taobao.org
查看本地镜像能不能通
npm config get registry
注意，此时，默认的模块E:\nodejs\node_moles 目录将会改变为E:\nodejs\node_global\node_moles 目录，如果直接运行npm install等命令会报错的。增加环境变量NODE_PATH 内容是：E:\nodejs\node_global\node_moles
关闭cm4.安装vue相关包
重新打开cmd
npm install vue -g 安装vuenpm install vue-router -g 安装vue-routernpm install vue-cli -g 安装vue脚手架这里的-g是指安装到global全局目录去
安装完成后，此时安装的文件都会到E:\nodejs\node_global\node_moles中
关闭cmd
对path环境变量添加E:\nodejs\node_global
重新打开cmd
运行vue -V ,如果显示版本号 则到此安装完成

❼ 安装vue报错

首先，你知道你是要通过一条命令来安装vue，对吧！
我现在渴了，我给你和电脑都下达一条命令： 下达命令 去仓库把 XXX 搬过来。
我的意思是让你搬水，但是我下达的命令确实让你搬XXX，那你是搬水呢？还是搬XXX呢？
如果你聪明，会立即反应过来，XXX不就是水么！你聪明但电脑可不聪明，它不知道XXX就是我想要的水，它根本就不懂我渴了。所以它就回去仓库找一个名叫“XXX”的东西，它找不到XXX就回来跟我说：找不到XXX，XXX不在仓库。
同理，你想要安装vue，但是你下达的命令确实让它安装xxx，所以它找不到，找不到当然报错！
而且XXX是个代指，你别告诉我你小学没毕业，连XXX是个代指其它物品的符号都不理解！！！

❽ vue vue-cli脚手架 要先安装哪个

一般就是这样：
本人测试vue-cli，使用的各个工具的版本，分别是node6.95、webpack3.6.0、vue2.4.4。

第一步，安装node.js。
PS：我所使用的系统是win7的64位。
PS：检测node.js是否安装成功，在命令行中输入node -v即可。

第二步，安装cnpm。点击运行，输入cmd，执行命令：$ npm install -g cnpm --registry=https://registry.npm.taobao.org。
PS：有的朋友可能安装cnpm不成功，如果不成功可以自行网络，寻找解决方案。如果不能解决，以后只能使用npm命令，npm命令执行效率会比较慢。
PS：检测cnpm是否安装成功，在命令行中输入cnmp -v即可。

第三步，安装webpack。执行命令：cnpm install webpack -g。
PS：同样的事使用webpack -v来检测webpack是否安装成功。

第四步，安装Vue。执行命令：cnpm install vue。

第五步，全局安装vue-cli。执行命令：cnpm install --global vue-cli。(此步可以忽视)

第六步，在开源处(即存放网站的地方)，执行操作：shift+右键，点击在此处打开命令窗口。

第七步，执行命令vue init webpack projectname(自定义项目名)或vue init webpack-simple projectname(自定义项目名)。
PS：本人使用的是webpack-simple。

第八步，等下载完以后，会提几个问题，如果需要，可以写上作者名字，其他都回车跳过或者y确认。(或按需添加)

第九步，执行命令cd projectname(自定义项目名) 定位到这里。

第十步，cnpm install安装依赖。

第十一步，npm run dev。

❾ vue3.0安装会报错

vue-cli 还没有直接支持 vue3.0，需要依赖插件从2.0升级3.0
cd vue3-demo(这是你的项目名字,如果已经在该项目根目录,可不需要这步)
vue add vue-next
执行完上述命令后，会自动安装 vue-cli-plugin-vue-next 插件，它会将项目升级为 vue3.0 的依赖环境，包括 vue-router 和 vuex 都会升级为 4.x 的版本。