vscode运行vue项目

教你本地如何用Visual Studio Code搭建vue的运行环境。

工具/原料

Visual Studio Code

nodejs

Visual Studio Code搭建NodeJs的开发环境

1、参照我的上篇经验。

VSCode搭建Vue项目

1、npm使用国内淘宝镜像在vscode终端控制台输入npm config set registry https://registry.npm.taobao.org验证npm config get registry

2、安装vue-cli工具将之前建立的node_global文件夹路径配置到Path的环境变量内再重启电脑然后在vscode终端控制台输入npm install -g @vue/cli

3、输入vue --version查看版本提示“vue : 无法加载文件 G:\编程\nodejs\node_global\vue.ps1，因为在此系统上禁止运行脚本。”删除vue.ps1文件后再次输入vue --version

4、输入vue create hello-world按回车确认创建一个vue项目

5、输入cd hello-worldnpm run serve运行vue项目

6、使用快捷键CTRL+C提示终止批处理操作吗(Y/N)?输入y停止vue项目