vue初学之node.js安装、cnpm安装、vue初体验

谁践踏了优雅 2021-12-24 05:25 263阅读 0赞

1. 如果本机没有安装node运行环境，请下载node 安装包进行安装。地址：[https://nodejs.org/en/][https_nodejs.org_en]

2.装完，使用cmd命令行输入：node -v回车

如果输出版本号则成功。

3.输入npm -v回车可查看npm的版本号

4.因为npm是国外的服务器，所以使用的时候响应很慢，可以安装国内的淘宝镜像。

在终端输入:npm install -g cnpm --registry=[https://registry.npm.taobao.org][https_registry.npm.taobao.org]回车

等待挺长一段时间，安装成功后即可使用cnpm命令行，可使用cnpm -v 回车查看是否成功，如有版本信息则成功。

5.接下来安装vue-cli。

在终端输入cnpm install vue-cli -g回车，等待安装完毕

6.初始化项目：

cnpm init webpack vue-demo回车，

然后一直回车，直到是否要安装 vue-router 项目中肯定要使用到 所以 y 回车，其他都使用n，然后一直回车，等待初始化完毕。

7.在终端输入:cd vue-demo回车

8.cnpm install回车

9.cnpm run dev回车，如在默认浏览器输出如下页面则成功。

![1030057-20180409213935175-1741485511.png][]

有时默认浏览器并不会打开，但是在 终端会出现如下：

![1030057-20180409214047787-1688223961.png][]

这时复制里面那个http://localhost:8080打开浏览器，如果也能出现那个vue的页面也是成功了的。

转载于:https://www.cnblogs.com/Yirson/p/8763166.html

[https_nodejs.org_en]: https://nodejs.org/en/
[https_registry.npm.taobao.org]: https://registry.npm.taobao.org/
[1030057-20180409213935175-1741485511.png]: /images/20211223/c426b08bda7749b7b8955df15cf88fdb.png
[1030057-20180409214047787-1688223961.png]: /images/20211223/c5c383496aa043e7b9d9ef4aa021c682.png

发表评论取消回复

表情：

评论列表（有 0 条评论，263人围观）

还没有评论，来说两句吧...

相关阅读

相关 NodeJS安装cnpm

配置步骤用npm安装cnpm npm install cnpm -g --registry=https://registry.npm.taobao.org

迷南。/ 2023年02月14日 01:21/ 0 赞/ 27 阅读

相关 Vue初体验

这段时间忙里偷闲，见缝插针，试验了一下Vue。demo只有2个页面，一个弹出窗口，如下：一、成果 1、首页 ![在这里插入图片描述][watermark_type

朴灿烈づ我的快乐病毒、/ 2022年12月15日 02:25/ 0 赞/ 263 阅读

相关 nodejs和cnpm安装

一、nodejs 1.1 简介 vue 开发需要nodejs环境进行打包。 1.2 安装 1）到官网下载对应的版本tar包，[http://nodejs.cn/down

偏执的太偏执、/ 2022年12月06日 04:27/ 0 赞/ 340 阅读

相关 vue初体验

> `vue初体验` <!DOCTYPE html> <html lang="en"> <head> <meta charset=

╰+攻爆jí腚メ/ 2022年10月27日 12:11/ 0 赞/ 207 阅读

相关 nodeJs，npm，cnpm，Vue安装及 IDEA 开发Vue项目设置

1.安装node.js(官网地址：https://nodejs.org/en/) 无脑式安装及点击下一步，下一步。目前来说nodeJs自带 npm,所以nodeJs安装成功之

谁践踏了优雅/ 2022年05月22日 23:40/ 0 赞/ 214 阅读

相关 1.1.1初学Vue之安装Vue

第一步打开网站：[https://cn.vuejs.org/][https_cn.vuejs.org] 并点击【学习】选择【教程】 ![70][] 第二部：选择左

谁践踏了优雅/ 2022年05月09日 00:46/ 0 赞/ 198 阅读

相关 NodeJS安装cnpm

intro NPM(Node Package Manager)：Node的包管理器。 CNPM(Chinese CPM)：中国的NPM(国内使用，网速较快)。

朴灿烈づ我的快乐病毒、/ 2022年02月04日 07:23/ 0 赞/ 299 阅读

相关使用cnpm 安装vue.js

前提已经安装了node.js 一、临时使用 1.npm install -g cnpm --registry=[https://registry.npm.taobao.or

水深无声/ 2022年01月06日 13:49/ 0 赞/ 364 阅读

相关 vue初学之node.js安装、cnpm安装、vue初体验

1. 如果本机没有安装node运行环境，请下载node 安装包进行安装。地址：[https://nodejs.org/en/][https_nodejs.org_en] 2.

谁践踏了优雅/ 2021年12月24日 05:25/ 0 赞/ 264 阅读

相关初学者使用cnpm安装vue-cli

一. 安装node,官网下载https://nodejs.org/zh-cn/ 安装淘宝镜像 1.在node安装目录下shift+右键打开命令提示窗口，输入: npm

叁歲伎倆/ 2021年12月15日 02:03/ 1 赞/ 621 阅读