编程开发

关注公众号 jb51net

关闭
软件教程 > 编程开发 >

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智能提示功能

VSCode中LeetCode插件怎么安装并使用? LeetCode插件安装教程

VSCode文件图标主题怎进行美化? vscode文件图标插件的用法