学习vue之windows下安装live-server 超级详细篇

最近项目要求用vue2.0所以开始着手学习。

前期准备:

下载Node.js 地址:http://nodejs.cn/download/ 选择自己对应的版本,我下载的是.msi 64位的

然后就双击下一步吧。完成之后,记得配置环境变量(不知道环境变量在哪里的 先拉到最下面)

因为我把Node.js安装到了D盘nodeJs目录下。

呼出cmd,命令走起 ,出版本号了 ,OK。

现在开始要安装npm了,先介绍下npm是什么:

npm其实是Node.js的包管理工具(package manager)。

为啥我们需要一个包管理工具呢?因为我们在Node.js上开发时,会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包,每次都根据名称搜索一下官方网站,下载代码,解压,再使用,非常繁琐。于是一个集中管理的工具应运而生:大家都把自己开发的模块打包后放到npm官网上,如果要使用,直接通过npm安装就可以直接用,不用管代码存在哪,应该从哪下载。

更重要的是,如果我们要使用模块A,而模块A又依赖于模块B,模块B又依赖于模块X和模块Y,npm可以根据依赖关系,把所有依赖的包都下载下来并管理起来。否则,靠我们自己手动管理,肯定既麻烦又容易出错。(这句话是网上摘抄的)

讲了这么多,npm究竟在哪?其实npm已经在Node.js安装的时候顺带装好了

到此告一段落。

开始安装live-server(live-server是基于nodejs的一款插件,如果了解nodejs可以自己实现,更好的改端口啥的)

进入联系vue项目的目录(放哪里你随便)

然后执行开始安装

诶呦!!出错误了吧

赶紧上网找结果………………………………………………好了找到解决办法了:以管理员身份运行cmd就可以,怎么以管理员运行呢 

成功之后右上角会显示管理员

然后在重新安装live-server

完成!

命令行(项目目录里)输入 live-server 报上面错误的话,在和你node.js安装目录同级目录下面有个node目录

将红色框中的路径配置到环境变量中

OK 再次输入命令live-server

它会直接打开你所在目录下的index.html文件,现在就可以开始你的学习之路吧!!

注: 排版乱的一塌糊涂,请谅解,本人也是小白一名,有错误的话勿喷。有建议的话可以留言。只是自己成功安装,记录下过程。

 <!-------------------环境变量在哪里------------------------------------------------------->

右键我的电脑->属性

不同路径之间用分号隔开即可

时间: 2024-10-08 21:27:19

学习vue之windows下安装live-server 超级详细篇的相关文章

Go语言学习(一),Windows下安装配置Go语言的配置环境

Go语言学习,有两个重要部分,一是安装Go语言包,二是安装开发的编译器. 次篇博客借助(https://www.cnblogs.com/qicun/p/11378354.html)完成的 一.go语言的安装包在网址(https://golang.google.cn/dl/)下载, 下载完成后,直接安装,一直下一步就行,会出更改安装位置的选项, 可以更改,也可以不更改,不更改的话,默认在C:\Go\目录下 安装完成后截图如下: 安装完成后,目录结构如下图所示: 这个目录结构遵循GOPATH规则,G

ElasticSearch入门 第一篇:Windows下安装ElasticSearch

https://www.elastic.co/downloads/past-releases/elasticsearch-2-4-4 这是ElasticSearch 2.4 版本系列的第一篇: ElasticSearch入门 第一篇:Windows下安装ElasticSearch ElasticSearch入门 第二篇:集群配置 ElasticSearch入门 第三篇:索引 ElasticSearch入门 第四篇:使用C#添加和更新文档 ElasticSearch入门 第五篇:使用C#查询文档

【PostgreSQL学习之旅】第一篇:Linux和Windows下安装PostgreSQL9.4

一.简介 PostgreSQL是目前世界上最丰富的数据类型的支持,其中有些数据类型可以说连商业数据库都不具备, 比如 IP 类型和几何类型等:其次,PostgreSQL 是全功能的自由软件数据库,很长时间以来,PostgreSQL 是唯一支持事务.子查询.多版本并行控制系统(MVCC).数据完整性检查等特性的唯一的一种自由软件的数据库管理系统. 二.Linux下安装 1) 环境:RedHat Enterprise 6.5 x64(2.6.32-431.el6.x86_64) PostgreSQL

Python学习笔记(三)windows下安装theano

早就听说theano很难安装,这一次算是初步尝试,不知道会不会有其它问题. 0 参考材料 (1)win 8.1 64bit 深度学习theano 安装设置 (2)Windows下安装theano成功,但一import就报decode错是什么原因? (3)Wndows8.1 64bit环境下搭建深度学习平台之Theano安装配置 (4)deep learning学习环境Theano安装(win8+win7) 1 简单记录过程 (1)安装anaconda:Download Anaconda now!

Windows下安装git+node.js+npm+vue

Windows下安装git+node.js+npm+vue放到统一大文件夹下....我的都在E:\Program Files\... 去csdn下载git http://download.csdn.net/detail/liuyigangliu/9765265安装 默认/百度经验 下载node.jshttps://nodejs.org/en/6.10版本 我用的 git查看版本号 是否安装成功$ node -v -- v6.10.0$ npm -v -- v3.10.10 去淘宝镜像安装vue(

Docker学习系列(一):windows下安装docker

本文目录如下: windows按照docker的基本要求 具体安装步骤 开始使用 安装远程连接工具连接docker 安装中遇到的问题 Docker的更新 Docker中的jupyter windows下使用docker的常用命令 windows下安装docker的方法应该参考docker官网,之前参考的是网上其他人翻译的博客,出了一些问题,后来发现,是由于docker更新速度较快,安装官网的方法最为妥当! 下面引用Docker 中文指南中的几个提示: 提示1:Docker 已经在windows7

PHP学习之-Mongodb在Windows下安装及配置

Mongodb在Windows下安装及配置 1.下载 下载地址:http://www.mongodb.org/ 建议下载zip版本. 2.安装 下载windows版本安装就和普通的软件一样,直接下一步就可以了. 3.启动服务 启动服务之前先创建存放数据库文件的文件夹然后再启动服务. #创建一个MongoDB服务mongod --logpath "D:\development\db\mongodb-win32-x86_64-2008plus-2.6.7\data\log\mongodb.log&q

python应用:爬虫框架Scrapy系统学习第二篇——windows下安装scrapy

windows下安装scrapy 依次执行下列操作: pip install wheel pip install lxml pip install PyOpenssl 安装Microsoft visual c++ build tools pip install twisted 当此处提示错误时,安装Microsoft Visual C++ Compiler for Python 2.7 下载地址:https://www.microsoft.com/en-us/download/confirmat

在windows下安装PyPdf2

从昨天起就开始在实验室的暑期学习啦,昨天在机房学会用U盘装ubuntu server. 今天老师布置了用Python写文本处理的脚本的任务,包括处理PDF/DOC/TXT/EXCEL等等. 先处理PDF,上网查了一下,pypdf已经停更了,它的功能比较少,现在使用的是pypdf2. 但是pypdf2我安装不成功,后来发现它似乎是适合linux环境下的,于是根据命令行的错误提示把setup.py里的包含路径语句改了改,但是还是有一点问题,提示package directory does not e