windows 安装前端服务器

windows 安装前端服务器

vue.js是一种前端框架，一般利用vue创建项目是要搭配webpack项目构建工具的，而webpack在执行打包压缩的时候是依赖node.js的环境的，所以，要进行vue项目的开发，我们首先要安装node.js。
1、下载安装nodejs
官方链接：
https://nodejs.org/en/download/

点击适合你电脑的版本，我是选择64bit /msi版本的，依你电脑版本为定

之后直接点击你下载的msi文件安装

点击next

勾选后next

这个我选择change…自定义安装，默认的路径c盘也不是不可以，只是我不习惯东西都放c盘，按个人喜欢的来

然后next

接着next,

点击Install,开始安装，期间跳出来选择，你选‘是’就可以了

finish,完成

2、配置默认缓存和全局路径
打开安装好的nodejs目录

手动创建两个文件夹[‘node_global’]和[‘node_cache’]

在当前目录下直接输入cmd,回车

在cmd中输入：

npm config set prefix 'D:\nodejs\node_global'

npm config set prefix 'D:\nodejs\node_global'

后面D:\后面的路径是你的安装目录加上你刚刚创建的两个文件夹名字

如果按命令 npm config set prefix, 修改完npm路径。

之后npm命令完全无反应，不是加载的那种状态

而是下标不停地在哪里闪,

只要C:\Users{账户}\下的.npmrc文件删除掉

就可以重新使用了

要是输错了路径，也没啥关系，（卸载重来就完事了！）

点击这个

next

点击Remove就可以了
（卸载成功）当然如果没有输错就不用卸载重来了

配置环境变量
打开‘我的电脑’–>‘属性’

点击’高级系统设置‘

点击环境变量

点击下面系统变量的path里面,新建D:\nodejs\node_modules路径
再点击上面的用户变量的path里面新建一个D:\nodejs\node_global路径就可以了

3、安装live-server
在你安装的文件夹路径老地方输入cmd

执行命令：
npm install express -g live-server

等待它下载安装完成，速度可能比较慢，多等一会就可以了

这样就算是安装成功了
4、live-server
cd到你html的文件夹，路径上打开cmd运行:

live-server

就可以了