vscode运行vue项目

 时间:2026-02-17 09:58:13

1、参照我的上篇经验。

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-world

npm run serve

运行vue项目

vscode运行vue项目

vscode运行vue项目

vscode运行vue项目

6、使用快捷键CTRL+C

提示终止批处理操作吗(Y/N)?

输入y

停止vue项目

vscode运行vue项目

  • 小米10s哈曼卡顿在哪关
  • 小米手机添加指纹
  • Eclipse配置JDK的详细操作
  • Postman发送list格式数据
  • 小米手机怎么设置密码自动填充
  • 热门搜索
    商务旅游 山东旅游景点排行 北京旅游攻略自助游 西安旅游地图 衡山旅游攻略 适合情侣旅游的地方 沧州旅游 蚂蜂窝旅游网 六安旅游 东戴河旅游攻略