分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > IT知识

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

发布时间:2023-09-06 01:48责任编辑:蔡小小关键词:js

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

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

如果输出版本号则成功。

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

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

在终端输入:npm install -g cnpm --registry=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回车,如在默认浏览器输出如下页面则成功。

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

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

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

原文地址:https://www.cnblogs.com/Yirson/p/8763166.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved