作者|来源|达达前端酒馆搭建Node.js环境什么是Node.js入门？它是一个基于JavaScript的运行时环境。Node.js于2009年5月发布，封装了ChromeV8引擎，由RyanDahl开发。ChromeV8引擎执行JavaScript的速度非常快，性能也很好。Node.js使用module模块来划分不同的功能。模型模块类似于C++语言中的类库。用户可以通过相对路径或绝对路径找到模块的位置。varmymodule=require('./mymodule.js');Node.js下载下载地址：https://nodejs.org/en/download/直接双击下载安装包文件：Linux系统安装：sudoapt-getupdatesudoapt-getinstallnodeorsudoaptupdatesudoaptinstallnode查看Node.js的版本号：npm的安装与使用，npm是一个包管理工具，可以让用户从npm服务器上下载别人写的第三方包供本地使用，让用户自己下载安装其他人从npm服务器编写的命令行程序，供本地使用。允许用户将自己的包或命令行程序上传到npm服务器供其他人使用。显示安装成功后的效果。如何升级npm命令？使用命令：sudonpminstallnpm-g使用模块可以使用npm命令安装node.js模块：npminstall<模块名>安装常用的web框架模块expressnpminstallexpress安装完成后，express放在node_modules目录下。npm的安装分为：本地安装和全局安装，本地本地和全局全局：//本地安装npminstallexpress//全局安装npminstallexpress-g注意：（错误提示）npmerr！错误：连接E...127.0.0.1...解决命令：npmconfigsetproxynull本地安装，直接把安装包放到node_modules目录下，可以用这个方法导入本地安装包require()。全局安装，将安装包放在users/local目录下或者Node.js的安装目录下：//直接使用命令行npminstallexpress-g然后我们看看下载了哪些模块，查看全局安装的模块npmlist-g我们还可以查看某个模块的版本号：npmlistgruntpackage.jsonfile:{"name":"npm","version":"1.2.2","main":"index.js","dependencies":{"vue":"^2.3.2"},"devDependencies":{},"scripts":{"test":"echo..."},"author":"","license":"isc","description":""}文件属性说明：name为包名，version为包的版本号，description为包的描述，homepage为包的官网，作者是包作者的名字，contributors是包的其他贡献者的名字。dependencies是依赖包的列表，repository是包代码的类型存放处，main字段指定程序的主要入口文件，keywords关键字。卸载Node.js模块：npmuninstallexpress卸载后需要查看node_modules目录是否还存在：我们可以使用命令查看：npmls命令更新模块：npmupdateexpress搜索模块：npmsearchexpress在npmresources中使用命令在库中注册用户：npmadduser使用命令发布模块：npmpublishnpm使用版本号来管理代码，分别是x、y、z，后面依次是版本号、次版本号和patch版本号。如果修改了bug，z会更新；如果添加了功能，y将被更新；如果有重大变化，x将被更新。Yarn是一种新的JavaScript包管理工具，旨在解决用户在使用npm时遇到的许多问题。yarn和npm的比较：npm的安装是串行的，yarn的安装是并行的，提高了yarn的安装速度。项目，生成一个package.json文件，yarnadd添加依赖包，yarn根据package.json文件安装所有依赖包，或者使用yarninstall。yarnupgrade升级依赖包，yarnremove移除依赖包。vue-devtools调试工具下载地址：https://www.crx4chrome.com/cr...安装方法如下：打开Chrome浏览器开发者模式，拖进去。vue-devtools的使用：必须在http://协议中使用。在浏览器中选择vue面板，可以显示当前组件的详细信息。vuecli解释什么是VueCLI？是一个基于Vue的快速开发系统，保证了各种组件工具的智能配置，并提供了对每个工具调整配置的功能。CLI服务是一个npm包，在每个vue/cli创建的项目中本地安装。通过vuecreate可以创建一个新项目的脚手架。使用以下命令安装cli包：npminstall-g@vue/cli或者：yarnglobaladd@vue/cli安装成功后，访问版本查看是否成功：vue--versionVueCLI使用：usevuecreate命令创建一个vue项目：项目目录结构：build是构建项目的相关代码，config是配置目录，包括端口号，src是我们要开发的目录，目录下有assets存放图片文件，App.vue为项目入口文件，main.js为项目核心文件。node_modules为npm加载的项目依赖模块，test为初始测试目录，static为静态资源目录，index.html为首页入口文件，package.json为项目配置文件，README.md为项目描述文件。可视化创建项目：vueui//vue.config.jsmodule.exports={}module.exports={pages:{index:{//entryentryofpages:'src/index/main.js',//模板源template:'public/index.html',//index.html输出文件名:'index.html',title:'IndexPage'chunks:['chunk-vendors','chunk-common','index']},subpage:'src/subpage/main.js'}}JavaScript模块在node.js中，文件和模块是一一对应的。核心模块和本地模块。Node.js引用模块的方式：通过文件路径引用和模块名称。ECMAScript6是JavaScript语言的新标准。2015年6月发布。关于ES6和JavaScript的关系，前者是后者的规范，后者是前者的实现，后者是前者的语言。ES6使JavaScript更加强大，并兼容ES5的代码设计理念。用ES5标准编写的代码可以在ES6中正常运行。export暴露接口exportconstsqrt=Math.sqrt;exportfunctionsquare(x){returnx*x;}exportfunctiondiag(x,y){returnsqrt(square(x)+square(y));}const平方=数学。平方根；functionsquare(x){returnx*x;}functiondiag(x,y){returnsqrt(square(x)+square(y))}export(sqrt,square,diag);//别名constsqrt=Math.sqrt;//通过两个别名公开导出（sqrt为sql，sqrt为sq2）；可以通过as语法设置别名，通过N个名字暴露一个接口。exportdefault使用exportdefault命令自定义导入接口的名称。有时一个模块实际上只对外暴露一个接口。exportdefaultfunction(){}importmyFuncfrom'myFunc';myFunc();exportdefault就是导出一个名为default的变量或方法，然后系统允许我们重命名。functionadd(x,y){returnx*y;}export(addasdefault);//exportdefaultadd;import(defaultasmyAdd)from'lib';//importmyAddfrom'lib'importimportimport{square,diag}from'./lib';import使用as语法来重命名导入的变量??别忘了留下你的学习足迹【点赞+收藏+评论】AuthorInfo:【作者】：Jeskson【原创公众号】：达达前端酒馆。【福利】：公众号回复“信息”，送自学资料大礼包（进群分享，想要什么就说，看我有没有）！【转载说明】：转载请注明出处，谢谢合作！~大前端开发，定位前端开发技术栈博客，PHP背景知识点，web全栈技术领域，数据结构与算法，网络原理等以通俗易懂的方式呈现给小伙伴方式。感谢您的支持，感谢您的厚爱！！！如本账号内容有问题（例如：涉及版权或其他问题），请及时联系我们进行整改，我们会尽快处理。请喜欢它！因为您的认可/鼓励是我写作最大的动力！欢迎来到达达的CSDN！这是一个有品质有态度的博客
