一般来说,入门级的前端工作者需要的环境不是很复杂。大概需要的是:node.jsvscode(代码编辑器)git这三个就够了,做简单的项目就可以了首先安装官网下载node.js就可以了,左边选择稳定版,然后all接下来的路。安装过程中可能需要下载一些工具,可以下载也可以不下载。安装vscode的时候去官网就行了,而且下载完之后,你会发现他什么都没有,需要自己去下载扩展插件。一般先用中文插件。如果英文不好,可以使用,然后下载一个代码DebuggerESLint,这个还是很有必要的。在编写代码时,规范非常重要。前端三剑客HTMLCSSJS这三者都有插件,可以扩展编码,提高效率。叫做HTMLCSSSupportJavaScript(es6)codesnippets,它支持ES6语法提示Prettier-codeformatter,Vue3snippetsforformattingcode这是Vue2和Vue3开发中提供的代码片段,语法高亮等功能大概是这些需要配置下载git时在Vscode中。其实一般来说,vscode会自动继承你电脑中的开发工具。可以直接在vscode设置里找到Shell:power,把这个gitbush设为默认终端就可以了。然后是一些命令和步骤。选择自己的node,查看自己的安装目录,cd到自己安装的镜像安装自己的npm命令为:npmconfigsetregistryhttps://registry.npm.taobao.org安装脚手架npminstall-gvue-cli查看是否安装,输入命令vue-version创建你要构建项目的目录,注意:gitbush不识别中文路径,然后cd到那个目录初始化vuevueinitwebpackprojectnameselectthestandardoftheprojecttobebuiltnote:其中两个第一个测试是测试,不需要安装,eslint对新手不是很友好,可以根据自己的情况入手。他的格式检查太严格了,即使有空格也会报错。选择构建的项目,输入cdxxx并输入code。这个命令是让vscode打开项目代码。vscode会打开一个新窗口,可以看到你构建的安装vux项目的ui库输入命令:npminstallvux--savenpmrundev运行项目。至此,环境搭建完成。
