四川盐亭网站制作公司

怎么用npm安装vue.js

小编给大家分享一下怎么用npm安装vue.js，希望大家阅读完这篇文章后大所收获，下面让我们一起去探讨吧！

汝城网站制作公司哪家好，找创新互联建站！从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设等网站项目制作，到程序开发，运营维护。创新互联建站从2013年开始到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联建站。

安装方法：1、在官网下载并安装node.js和npm；2、打开cmd命令行，使用“npm install”命令安装cnpm工具；3、使用cnpm工具，通过执行“cnpm install -g vue-cli”命令即可安装vue.js。

一、安装node.js

1. node.js 是一个安装包资源管理器。可以在里面下载安装包。不是一门语言/库/框架。也就是说，和vue.js 不是同一类东西。（vue.js 是一种js框架）

2. node.js 里面有一个下载工具-- npm （不用另外安装npm。安装好node.js之后，包括了npm 的工具。但是要另外设置npm 环境变量，为了在使用npm 工具时，不用跳到npm 所在的目录）

怎么用npm安装vue.js

* cd 是跳转到别的目录

* d: 是指跳转的目录在 D 盘

多数与JS相关的包都放在npm上。例如：有了npm之后，一条命令就可以下在不同的库/框架（比如jquery），不用再到各个库/框架的官网上去下载

----------------------------------------------------------------------------------------------------------------------------------------

PS:安装node.js 过程中，新建了2个 文件夹 node_global  和 node_cache 。

创建完两个空文件夹之后，打开cmd命令窗口，输入

设置npm 下载的那些安装包的存放目录
npm config set prefix "D:\Develop\nodejs\node_global"
设置npm 缓存文件的存放目录
npm config set cache "D:\Develop\nodejs\node_cache"

----------------------------------------------------------------------------------------------------------------------------------------

二、安装cnpm

因为npm 的地址是在国外，传输速度很慢，所以可以用淘宝提供的镜像文件下载 cnmp 工具

具体操作如下：

1. 打开运行 --cmd （快捷键是 Fn+R）

怎么用npm安装vue.js

2. 安装镜像文件

复制粘贴镜像地址 npm install -g cnpm --registry=https://registry.npm.taobao.org  （淘宝镜像https://npm.taobao.org/）

然后 enter 键 执行

怎么用npm安装vue.js

3. 执行 cnpm -v 检测是否安装成功:

因为 cnpm 没有设置环境变量，所以要先跳转到 cnpm 所在目录，才能使用 cnpm 工具。

怎么用npm安装vue.js

4. 检测cnpm安装成功后，就可以使用cnpm 下载工具来下载 vue 安装包:

复制粘贴命令 cnpm install -g vue-cli （install ：下载安装； -g 全局安装； ）

enter执行

怎么用npm安装vue.js

vue文件成功安装在node_global 文件夹下，成功

怎么用npm安装vue.js

看完了这篇文章，相信你对怎么用npm安装vue.js有了一定的了解，想了解更多相关知识，欢迎关注创新互联行业资讯频道，感谢各位的阅读！


文章标题：怎么用npm安装vue.js
网站网址：http://scyanting.com/article/gpddho.html

其他资讯