vue前端纯小白向快速扫盲贴集合

看的一些博客，对于刚入门被前端各种东西搞得头昏的小白扫盲还是很有帮助的，可以快速理解前端总说的一些东西到底是干什么的。

1 创建vue项目所需外部环境 node npm vue/cli脚手架

官网下载node.js 直接下一步下一步即可，管理员打开cmd 执行 node -v正确返回版本

如何升级node？window不支持n模块，从官网上下载最新的升级就行。

如何升级npm？npm install npm -g升级到最新 npm intsall npm@xxx -g升级到指定版本

2 node相关知识

什么是nodejs ？

nodejs是一个基于chrome的V8引擎开发的C++程序，目的是提供一个js的运行环境。最早用于后端服务器开发，后被用于前端。nodejs使js可以脱离浏览器运行，有两种方式：1 使用nodejs交互界面运行js代码 2 直接执行js文件代码。

早期前端开发一般都是直接写html代码和js文件，写好放在服务器上，js压缩要借用别的第三方工具，将压缩好的新文件部署到服务器上，容易和源文件对不上版本，不利于管理等，nodejs因为其基于V8引擎，再加上提供了IO文件操作等功能，初衷又是方便对服务器进行操作，在其基础上开发者开发出比如webpackage，bable之类的工具，使前端开发后的打包压缩之类的变得工程化。

Steam => 吃鸡启动器 Node.js => Angular/React/Vue启动器

什么是npm？ npm全称nodejs package manage 。包管理器，可以直接使用github上的写好的包，下载下来自己使用。

什么是 Nodejs ? - 知乎 (zhihu.com)

纯前端开发眼里nodejs到底是什么？ - 知乎 (zhihu.com)

2.1 使用cmd npm config查看node相关配置。metrics-registry表示远程仓储，就是本地依赖包从哪里下载下来的。prefix表示本地仓储，即全局下载时包存在的地址。cache是缓存仓储位置。.npmmrc是配置文件，相关东西都可以在这里直接修改。一般在c/user文件夹下。

Nodejs-修改本地npm仓库位置_node本地仓库_W&T的博客-CSDN博客

使用：where node 指令查看node环境安装位置，这个位置需要配置在环境变量path里面。否则使用cmd可能找不到指令

3 什么是webpack ？？js打包工具