vscode运行vue项目

 时间:2024-10-30 14:27:15

教你本地如何用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

vscode运行vue项目

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

vscode运行vue项目vscode运行vue项目

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

vscode运行vue项目vscode运行vue项目

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

vscode运行vue项目

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

vscode运行vue项目vscode运行vue项目vscode运行vue项目

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

vscode运行vue项目
  • 小米10s哈曼卡顿在哪关
  • 小米手机添加指纹
  • Eclipse配置JDK的详细操作
  • Postman发送list格式数据
  • 小米手机怎么设置密码自动填充
  • 热门搜索
    黑豆的做法大全 肉片的做法 炒饼的家常做法 肉饼蒸蛋的做法 卜姓怎么读 海参汤的家常做法 钺怎么读 绮怎么读 炒花甲的做法 水煮牛肉的家常做法