举荐编辑器

记事本

  是的，首先开发要明确一点，代码才是一个我的项目的外围，编辑器只是一个辅助工具，一个能给予牢靠的关键词提醒的工具，心中有代码，处处能开发；

  而代码的运行也一样，编辑器只是起到一个辅助的作用，给要害命令行提供了一个牢靠的按钮，只须要轻松点击即可实现该命令行的执行，实现代码的运行和debug；

  所以要善于使用命令行来运行代码，不要适度依赖编辑器，这样如果编辑器的某个按钮出问题，也能及时查找出起因并加以修改，要有来到了编辑器的buff加持，一样能写代码的能力

idea

  idea能够编写任何类型语言的编辑器（C语言C++近两年才反对，其独立软件名为CLion），称之为宇宙最强编辑器也不为过，但仅限于企业版的idea，不要问我哪里来的企业版idea，入地能写代码，下海能写文档（md），写论文（latex），仅仅只须要简略的装置一些插件，便能给你提供最舒服的编写环境，使开发者更能集中精力到代码的逻辑和内容上而不是代码的简单的语法上

  更重要的还是编辑器畛域智能的天花板，次要体现在提醒智能、纠错智能、我的项目构造精准辨认等方面，依据idea的提醒，甚至不须要浏览内部依赖包的文档即可立刻上手；代码标了红没关系，试试idea独有的绝活alt+enter；idea还能精准辨认我的项目所用框架、我的项目文件构造，甚至随便调整文件地位，也不须要手动批改代码中的援用门路

vscode

  如果没有idea能够用，vscode也是一个很好的抉择，智能水平上可能略逊于idea，然而作为一个合格的代码编辑器来讲，同样具备和idea一样的通过插件装置即可轻松编辑任何类型语言的能力（包含md，latex等）

不举荐vs

  此处的VS指visual studio，只管vs也具备编写多种语言的弱小能力，但仍然不举荐将其作为任何一种语言的编辑工具，不举荐的起因次要有

  • vs吃C盘空间、卸不洁净：这曾经是vs诟病多年的老问题了，即使曾经装置到了别的盘，vs还是会在C盘如同毒瘤个别占据很大的一席之地
  • vs使我的项目构造变得复杂：一个简略的我的项目会被vs套了一层又一层，且只有点击属于vs专属的.sln文件且vs对该项目标配置文件内容正确才能够失常关上该我的项目，否则这就是一个死的我的项目，不利于咱们专一于对这门语言这种框架的学习
  • vs使我的项目的运行复杂化，应用vs更大的感觉是我在学习应用这个编辑器而不是这门语言，而等我熟练掌握了这个编辑器，便成了一个只会应用这一种编辑器的废人

  总的来说，VS附带了太多与开发无关的货色，不利于我的项目的开发和保护，也不利于咱们对开发语言的学习，又有着构造臃肿的毛病，相对不做任何语言开发（包含vs最引以为傲的C、C++）的举荐

第一个我的项目

  此处介绍脱离代码编辑器条件下创立我的项目的过程

yarn init

  首先创立我的项目门路，将我的项目目录创立好后，将控制台转移至该门路，应用命令

npm init

  或者yarn版本的（倡议）

yarn init

  提醒输出任何我的项目无关信息依照提醒来即可，执行结束即可生成js我的项目的外围文件——

package.json

  首先要理解json格局数据以及文件

  其次介绍除顾名思义即可了解的字段之外的几个关键字段

  • main：整个我的项目的入口文件，即在该我的项目根目录下运行node .所能辨认的js
  • scripts：定义此我的项目可能用到的一些指令，罕用例如：start、build、test等，应用时，例如规定"start":"node ."，在该我的项目根目录下运行npm run start或yarn run start即可，这样做的益处在于能够精简指令的表白，例如我当初有一个"build": "dotenv -e .env.frm -e .env react-scripts build"的指令，很显著，我输出yarn run build能使这条命令更容易了解且更不便
  • dependencies和devDependencies：带恶人记录表（bushi），这里规定此我的项目须要用到的全副内部依赖名称及其版本号，package.json的版本号有一些符号的规定，详见这篇博客，dev和不带dev依赖的区别能够查看此博客（其实区别不大）

要害我的项目构造

node_modules

  内部调用的善意人们写的开源依赖包的寄存门路，此处文件个别由yarn/npm托管，不倡议做任何改变

src

  此门路寄存我的项目全副源代码

.env

  此文件中编写我的项目所需全副环境变量（其实能够间接批改电脑中环境变量，然而多个变量多个我的项目切换时便得失相当了），须要配合dotenv这个模组来应用（yarn add dotenv）

readme.md

  一个好的我的项目不仅要电脑能看懂，更重要的是地球人能看懂，我的项目的介绍文档也是须要认真编写的，markdown的语法比较简单，能够在此查看

输入输出

  js的控制台输入即为简略的console.log()函数，各种翻新花色的控制台输入形式npm中找各好心人写的开源包即可；控制台输出在此不做介绍，因为大部分时候用不上；

援用第一个好心人写的包

  js程序如果要援用他人的包

  1. package.json的dependencies要有这个包的申明
  2. node_modules里要有这个包的资源

  第一种援用办法便是：例如我要装置express，在package.json的dependencies中增加包名express以及其版本号^4.17.1，随后在当前目录下的控制台中输出npm install express@4.17.1 -s 或npm install即可装置；

  那么问题来了，晓得有这个包，不晓得他有哪些版本或者须要哪个版本怎么办？

  问得好，当然是在npm或者GitHub上搜一下这个包，现场查看一下版本号了

  然而每次都这么来一下未免太麻烦了，于是yarn很好的解决了这个问题，间接在控制台运行yarn add express，默认为你装置最新的版本（非测试版），并主动批改你的package.json，并将其版本号改为^格局

  最初说点题外话，互联网的公开、开源精力是一种很贵重的精力，GitHub、npm、maven这类的开源社区便是这种精力最好的体现的中央。世界须要有每个人出的一份力能力变成更好的世界，这才是互联网诞生的初衷，就是联通世界；遇到困难不要愧于承受他人的帮忙，恪守开源协定就好，同时也不要悭吝本人给他人的帮忙，尽本人的力为开源社区奉献代码，不白眼每一个老手，换句话说，大家都是臭写代码的，没有高低贵贱，相互搀扶能力都写进去好的代码

创立第一个后台程序

  此处以express服务器为例，应用nodejs原生反对的es5语法

const express=require('express') // es调包的形式，es6为importconst app=express()//应用express这个函数app.get("/",async (req,res)=>{res.send("hello word")})//创立一个默认接口；async 为异步函数的标记，前期解说；此处应用箭头格局定义函数app.listen(8080)//监听8080端口console.log("success")//胜利提醒
  • js行末能够不写分号;，如果认为影响好看能够通过设置eslint批改
  • 将此文件命名为index.js，放在package.json同级目录下（留神设置package.json中的main为index.js）
  • 当前目录的控制台中运行node .，或配置package.json中scripts
"scripts":{    "start":"node ."}

  应用命令yarn run start

  控制台输入success，即为运行胜利

  此时关上浏览器，输出链接localhost:8080，看到hello word字样，即为启动胜利

  此时，第一个node后盾服务器已搭建结束