环境准备
<h1>nodeJS环境</h1>
<p>推荐node10 [点击进入node下载链接](<a href="https://nodejs.org/download/release/v10.24.1/">https://nodejs.org/download/release/v10.24.1/</a> "点击进入node下载链接")
如果您的电脑为64位windows系统,,推荐直接下载node-v10.24.1-x64.msi,下载完成直接安装就可以
如果您的电脑需要多个nodeJS版本,请使用nvm来管理nodeJS</p>
<h1>开发工具选择</h1>
<p>建议选择vscode进行开发</p>
<h2>vscode配置</h2>
<ol>
<li>先安装Auto Close Tag、ESLint、Vetur、Vue Theme 插件</li>
<li>安装完成后,依次打开file->preferences->setting,点击下图中的图标
<img src="https://www.showdoc.com.cn/server/api/attachment/visitFile?sign=1ae9b4f7648a15776f3477a41402a8d0&amp;file=file.png" alt="" /></li>
<li>覆盖以下代码至setting.json文件中</li>
</ol>
<pre><code class="language-json">{
&quot;eslint.autoFixOnSave&quot;: true,
&quot;eslint.options&quot;: {
&quot;extensions&quot;: [
&quot;.js&quot;,
&quot;.vue&quot;
]
},
&quot;eslint.validate&quot;: [
&quot;javascript&quot;,{
&quot;language&quot;: &quot;vue&quot;,
&quot;autoFix&quot;: true
},&quot;html&quot;,
&quot;vue&quot;
],
&quot;window.zoomLevel&quot;: 1,
&quot;emmet.triggerExpansionOnTab&quot;: true,
&quot;emmet.includeLanguages&quot;: {
&quot;vue-html&quot;: &quot;html&quot;,
&quot;vue&quot;: &quot;html&quot;
},
&quot;vsicons.dontShowNewVersionMessage&quot;: true,
&quot;gitlab.enableExperimentalFeatures&quot;: true,
&quot;gitlab.pipelineGitRemoteName&quot;: &quot;&quot;,
&quot;gitlab.remoteName&quot;: &quot;&quot;,
&quot;gitlab.showPipelineUpdateNotifications&quot;: true,
&quot;editor.codeActionsOnSave&quot;: {
&quot;source.fixAll.eslint&quot;: true
}
}
</code></pre>
<h2>浏览器推荐使用chrome较新的版本</h2>