关于node.js的安装
<p>一.安装node.js<br>安装地址：https://nodejs.org/en/download/(参考安装步骤：http://www.runoob.com/nodejs/nodejs-install-setup.html)</p><p>安装后检查命令板里自己检测是否成功：运行cmd ,输入代码： node -v 如图：会打印出版本号</p>
<ul>
<li>
<h2>1.node.js</h2>
</li>
<li>
<h3>服务器语言</h3>
</li>
<li>类似phthon语言,电脑安装nodejs之后，它自带一个npm模块，就像安装python之后，自带一个模块pip3，，</li>
</ul>
<p>通过pip3 install Django命令下载Django,下载python中的第三方模块。</p>
<ul>
<li>nodejs有内置模块：如fs-文件系统，先引入，在调用就可以</li>
</ul>
<ol>
<li><img src="https://img2020.cnblogs.com/blog/1445614/202101/1445614-20210122102822625-929454244.png"></li>
<li>
<h3>npm install *下载</h3>
</li>
</ol>
<p> </p>
<p> (下载前端的包：如jquery,bootstrap,vue,如果不确定能否下载，可以去npm官网https://www.npmjs.com/)</p>
<p> </p>
<ol>
<li>
<h3>ES6Module导入包时 </h3>
</li>
</ol>
<p> 首先 1.先export default</p>
<p> 2.import *** from '模块'</p>
<h3>服务器语言与前端语言不同之处</h3>
<ol>
<li>它操作系统</li>
<li>读文件，对文件操作</li>
<li>js全局对象为window</li>
<li>服务器语言自带model</li>
</ol>
<ul>
<li>
<h2>2. babel作用：解析ES6的代码转化成ES5的语法（浏览器可以识别ES5语法）</h2>
</li>
</ul>
<p> https://babeljs.io/</p>
<h3> ES6有部分的api（代码）浏览器识别不了</h3>
<p><img src="https://img2020.cnblogs.com/blog/1445614/202101/1445614-20210122145543333-2005550766.png"></p>
<p> </p>
<p> </p>
<ul>
<li>
<h2> 3.webpack（打包机）:</h2>
</li>
</ul>
<p> 能将我们的html、css、js、png等打个包；能压缩我们的js、css、html；之后编译打包=》上线</p>
<ul>
<li>
<h2>4.vue-cli（脚手架） 内部集成了：nodejs(服务器）+ webpack(内部可下载babel)</h2>
</li>
<li>nodejs(服务器)服务器可以让我们的前端项目支撑起来</li>
<li>如果vue-cli内部集成了nodejs,那他就是挂载到了服务器上了，就把前端项目跑在服务器上了，比如localhost8800,本地服务器</li>
<li>然后webpack进行编译打包，</li>
<li>
<h3>下载完vue-cli脚手架，按照他的规则去做我们想做的事就可以</h3>
</li>
<li>
<h3> </h3>
</li>
</ul>
<p> </p>
<p> </p>
<h3> </h3>
<p> </p><br><br>
来源：https://www.cnblogs.com/hudaxian/p/14272072.html
頁:
[1]