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