window 10 vscode+vue配置

一、下载并安装vscode

下载地址:https://code.visualstudio.com/
安装略...

二、配置vscode

1.设置中文,Ctrl+Alt+P 选择Configure Display language,选择中文简体安装后重启vscode


2.vscode终端由默认的powershell改为git bash
文件 -> 首选项 -> 配置,搜索shell:Window,点击在setting.json中编辑

新增配置,注意前提是已经先装好Git,按Ctrl+~ 切换即可调出终端。如果还是powershell删除再重新添加终端

"terminal.integrated.shell.windows": "C:\\Program Files\\Git\\bin\\bash.exe"

三、安装nodejs

下载地址:https://nodejs.org/en/



安装完成后检查nodejs的版本:node -v

在磁盘找创建一个文件夹用来专门存放后面需要用的npm包缓存,如 D:\nodejs下分别创建cache和global文件夹

npm配置缓存全局缓存(在cmd命令下执行)

npm config set prefix "D:\nodejs\global"
npm config set cache "D:\nodejs\cache"


设置国内镜像,加速npm包

npm config set registry=http://registry.npm.taobao.org


更新npm包

npm -v
npm install npm -g


系统环境变量Path加入global路径,如 D:\nodejs\global

安装vue-cli 3.0的版本,安装完成后在global文件可以看到对应的包

npm install -g @vue/cli


然后记得重启下电脑。

四、常见问题解决

1.npm run的时候出现报错:Module build failed (from ./node_modules/sass-loader/lib/loader.js):
问题原因是node-sass没安装好,需要重新安装,安装过程中有一步要从github.com下载东西,国内有时候github打不开,需要梯子!!

猜你喜欢

转载自www.cnblogs.com/nickchou/p/12399151.html
今日推荐