vscode运行vue项目需要配置什么? vscode启动vue项目的技巧
vscode运行vue项目需要配置什么?Visual Studio Code中想要运行vue项目,该怎么配置呢?下面我们就来看看vscode启动vue项目的技巧
Visual Studio Code中想要搭建vue的运行环境,该怎么操作呢?下面我们就来看看详细的教程。
类型:编译工具
大小:106MB
语言:简体中文
时间:2021-11-24
查看详情
Visual Studio Code搭建NodeJs的开发环境
不会的朋友可以参考之前的文章《vs code怎么搭建NodeJs的开发环境? vscode运行nodejs代码的技巧》。
VSCode搭建Vue项目
npm使用国内淘宝镜像
在vscode终端控制台输入
1 | npm config set registry https://registry.npm.taobao.org |
验证
1 | npm config get registry |
安装vue-cli工具
将之前建立的node_global文件夹路径配置到Path的环境变量内
再重启电脑
然后在vscode终端控制台输入
1 | npm install -g @vue/cli |
输入
1 | vue --version |
查看版本
提示
“vue : 无法加载文件 G:\编程\nodejs\node_global\vue.ps1,因为在此系统上禁止运行脚本。”
删除vue.ps1文件后
再次输入
1 | vue --version |
输入
1 | vue create hello-world |
按回车确认
创建一个vue项目
输入
1 2 | cd hello-world npm run serve |
运行vue项目
使用快捷键CTRL+C
提示终止批处理操作吗(Y/N)?
输入y
停止vue项目
以上就是vscode启动vue项目的技巧,希望大家喜欢