2020-06-18 vue开发环境配置记录

356 阅读2分钟

配置环境一般换新环境或者重装电脑的时候才会去做一次,久而久之有些东西记得不太清楚,故记录一下供自己参考。

需要安装/配置的有vs code,cmder,nodejs,git(安装了cmder就无须再单独安装git,因为cmder包含了git bashgit --version查看git版本),yarn,ssr,

chrome科学fq插件使用:

github.com/sun-shadow/…


vs code配置:

搜索chinese,安装汉化插件,重启生效

自动保存:Auto Save:onFocusChange

自动格式化Format On Save(手动格式化代码快捷键:shift + alt + f)


cmder(取代git bash)配置:

解压到文件夹后双击cmder.exe运行,点击右下角进入setting:

宽度高度根据自己需要自行修改百分比

如果保存语言有问题就多保存几次或者修改一下配置文件:

将cmder启动方式设置为bash:


nodejs:推荐10

安装的注意事项就是安装路径不要有空格(其实就提醒你别默认安装到c盘的Program Files,建议d盘建个software目录,cmder,node都装在这里面)

安装完就有了node,npm和npx

查看版本:node --version npm --version npx --version

安装nrm(nrm是 NPM 源管理器,允许你快速地在 NPM 源间切换) npm i -g nrmnpm i -g nrm --registry=https://registry.npm.taobao.org

然后 nrm use taobao,就使用淘宝源了


yarn:

搜索yarn进入下载安装(建议fq,不然有点慢),安装目录同样建议d/software

yarn --version(有增加path的都要重启cmder)

安装镜像源修改:yarn global add yrm

yrm ls查看源

yrm use taobao修改源


vscode和cmder配合配置:

1.ctrl + shift + p打开设置json

增加

"git.enabled": true,
"git.path": "D:\\Software\\cmder\\vendor\\git-for-windows\\cmd\\git.exe",
"terminal.integrated.shell.windows": "D:\\Software\\cmder\\vendor\\git-for-windows\\bin\\bash.exe",
"terminal.integrated.automationProfile.windows": {
    "path": "D:\\Software\\cmder\\vendor\\git-for-windows\\bin\\bash.exe"
},
"terminal.integrated.profiles.windows": {
    "Git-Bash":{
        "path": "D:\\Software\\cmder\\vendor\\git-for-windows\\bin\\bash.exe",
        "args": [],
        "icon": "terminal-bash"
    }
},
"terminal.integrated.defaultProfile.windows": "Git-Bash",

路径请根据你自己安装cmder的路径填写


git配置:

git config --global user.name 你的英文名

git config --global user.email 你的邮箱

git config --global push.default simple

git config --global core.quotepath false

git config --global core.editor "code --wait"

git config --global core.autocrlf input

六句话运行一遍

git config --global --list查看是否配置好


安装vue脚手架(vuecli)

yarn global add @vue/cli

查看版本:

vue --version