位置: IT常识 - 正文

VS Code上搭建Vue开发环境超详细教程(vscode搭建vue开发环境)

编辑:rootadmin
VS Code上搭建Vue开发环境超详细教程

推荐整理分享VS Code上搭建Vue开发环境超详细教程(vscode搭建vue开发环境),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:vscode搭建vue环境,vscode怎么写vue,vscode新建vue,vscode运行vue项目,vscode使用vue,vscode运行vue项目,vscode搭建vue开发环境,vscode搭建vue开发环境,内容如对您有帮助,希望把文章链接给更多的朋友!

这篇关于在Visual Studio Code上搭建vue开发环境的超详细教程手把手教会你!

首先在Visual Studio Code上搭建vue开发环境有几个步骤:

1、下载安装node.js

2、安装npm

3、安装cnpm

4、安装vue/cli脚手架

5、创建vue项目

 6、运行vue项目

 1.下载安装node.js

地址:node.js官网下载

打开 Visual Studio Code打开终端如下图:

在终端输入以下命令行

检查node.js是否安装成功

node -v2.安装npm

检查npm是否安装成功

npm -v

注:因为在node.js上自带了npm包可以使用,所以这里不需要在另外下载。

3.安装cnpm

使用命令行安装cnpm

npm install -g cnpm --registry=https://registry.npmmirror.com

 注:这里可能遇到问题,PowerShell用于控制加载配置文件和运行脚本的条件,为了防止恶意脚本的执行,可能遇到无法运行脚本的问题;

解决办法:可以通过修改PowerShell执行策略来解决;

VS Code上搭建Vue开发环境超详细教程(vscode搭建vue开发环境)

步骤:win键搜索Power Shell并以管理员身份运行,在输入框输入以下代码Enter,键入Y修改执行策略即可;

详细步骤:

(1)右键开始,选择Windows PowerShell管理员.

(2)输入以下代码,键入Y修改执行策略即可;

Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope LocalMachine

 检查是否修改成功

Get-ExecutionPolicy -List

 出现如下字样则修改执行策略成功

 

 ~~~ 使用命令行安装cnpm ~~~

npm install -g cnpm --registry=https://registry.npmmirror.com

检查cnpm是否安装成功

cnpm -v

 4.安装vue/cli脚手架

在终端面板输入以下语句执行

cnpm install -g @vue/cli

效果: 

 

然后输入以下语句查看脚手架是否安装成功;

vue -V5.创建vue项目vue create vue-01

 连续敲下回车,创建项目,也可以按键盘上下键配置项目。

 注:vue-01 是项目名称。

6.运行vue项目

 进入项目

cd vue-01

 运行项目

npm run serve

 当终端上出现如图所示样式,则表示项目运行成功;

 此时按住键盘Ctrl键配合鼠标左键可以在浏览器打开项目;

本文链接地址:https://www.jiuchutong.com/zhishi/296065.html 转载请保留说明!

上一篇:正在求偶的凤头卡拉鹰,美国德克萨斯州 (© Alan Murphy/Minden Pictures)

下一篇:js中常遇到 切割截取字符串的几种方法(js 切面)

  • 苹果手机软件怎么彻底删除(苹果手机软件怎么下载)

    苹果手机软件怎么彻底删除(苹果手机软件怎么下载)

  • 华为mate20pro微信深色模式怎么设置(华为mate20pro微信运动不计步)

    华为mate20pro微信深色模式怎么设置(华为mate20pro微信运动不计步)

  • 苹果11视频聊天怎么美颜(苹果11视频聊天发黄)

    苹果11视频聊天怎么美颜(苹果11视频聊天发黄)

  • 小米怎么打开地震预警(小米怎么打开地震警报)

    小米怎么打开地震预警(小米怎么打开地震警报)

  • qq名片赞图标怎么隐藏(qq名片赞怎么消失)

    qq名片赞图标怎么隐藏(qq名片赞怎么消失)

  • 自由响应和强迫响应定义(自由响应和强迫响应的定义)

    自由响应和强迫响应定义(自由响应和强迫响应的定义)

  • 华为mate xs支持无线充电吗

    华为mate xs支持无线充电吗

  • 小米10有没有红外功能(小米10有没有红外头)

    小米10有没有红外功能(小米10有没有红外头)

  • 华为p40听筒在什么位置

    华为p40听筒在什么位置

  • x9plus什么时候上市的(x9splus现在价)

    x9plus什么时候上市的(x9splus现在价)

  • 小米浏览器自动下载怎么关闭(小米浏览器自动播放视频)

    小米浏览器自动下载怎么关闭(小米浏览器自动播放视频)

  • 软件一打开就停止工作(为什么一打开软件就关机)

    软件一打开就停止工作(为什么一打开软件就关机)

  • 苹果手机怎么把听筒切换到扬声器(苹果手机怎么把旧手机的东西导入新手机)

    苹果手机怎么把听筒切换到扬声器(苹果手机怎么把旧手机的东西导入新手机)

  • 华为体脂秤显示2ero后关机(华为体脂秤显示H代表什么)

    华为体脂秤显示2ero后关机(华为体脂秤显示H代表什么)

  • mac隔空播放显示只有关闭(mac隔空播放显示器无法打开)

    mac隔空播放显示只有关闭(mac隔空播放显示器无法打开)

  • 抖音变身奥义用的什么软件(抖音上的变身奥义漫画脸是怎么弄的)

    抖音变身奥义用的什么软件(抖音上的变身奥义漫画脸是怎么弄的)

  • ip地址分为哪几类(ip地址更改方法)

    ip地址分为哪几类(ip地址更改方法)

  • 怎么把qq名片改成初始(怎么把qq名片改为自定义)

    怎么把qq名片改成初始(怎么把qq名片改为自定义)

  • 论文20以后的脚注怎么添加(20年论文)

    论文20以后的脚注怎么添加(20年论文)

  • vivox20hd在哪里关闭(vivox20手机hd2怎么关)

    vivox20hd在哪里关闭(vivox20手机hd2怎么关)

  • 三星s9信号增强设置(三星手机增强信号强度)

    三星s9信号增强设置(三星手机增强信号强度)

  • 快手怎么点红心(快手怎么点红心为什么有的能点好几个)

    快手怎么点红心(快手怎么点红心为什么有的能点好几个)

  • Linux环境下VI/VIM编辑文件时无权限保存的解决方法(普通用户)(linux vim)

    Linux环境下VI/VIM编辑文件时无权限保存的解决方法(普通用户)(linux vim)

  • 2022年电子设计竞赛B题倒库闭环的思考(2022年电子设计大赛F题)

    2022年电子设计竞赛B题倒库闭环的思考(2022年电子设计大赛F题)

  • vue3之异步组件defineAsyncComponent 使用无效?(在vue项目如何引入异步组件?)

    vue3之异步组件defineAsyncComponent 使用无效?(在vue项目如何引入异步组件?)

  • 一般纳税人如何做账报税
  • 申请100万增值税发票资格
  • 出差回来报销差旅费,补付现金的会计分录
  • 赡养老人专项附加扣除可以是爷爷奶奶吗
  • 现金支付用什么科目
  • 润滑油经销需要什么资质
  • 劳务公司差额开票的方式有哪些
  • 非居民企业间接转让股权案例
  • 营改增后增值税专用发票抵扣规定
  • 非独立核算的公司怎么报税
  • 开工程服务发票后怎么成本
  • 银行贷款利息可以减免吗
  • 发票专用章备案需要什么资料
  • 个人劳务法律规定
  • 高新技术企业资助
  • 购买使用过的固定资产如何计提折旧
  • 可转换债券转换权的价格怎么算
  • 本年利润余额负数表示什么意思
  • 长期股权投资稀释
  • 以股权增资的税费怎么算
  • 店铺员工证费用计入什么科目?
  • 怎样破解wifi密码怎么办
  • 如何备份电脑系统到另外一个硬盘
  • php干啥用
  • 行政单位跨年度收到发票,补付尾款会计分录
  • 房屋权属转移是什么意思
  • 村集体经济组织架构
  • 什么是水利建设基金税
  • 生产成本结转怎么登账
  • php引用传值
  • 什么叫存量比率
  • 国企无偿划转股权免印花税
  • phpcms怎么用
  • etc充值卡发票可以入账吗
  • 计入资本公积的金额怎么算
  • 欠别人钱可以用车抵押吗
  • 公司转让后原账本怎么处理
  • 非金融企业借款利息收入计入什么科目
  • 商业折扣影响销售成本吗
  • 土地使用权转为在建工程
  • 对公账户有法律效力吗
  • 普票是啥意思
  • 支付宝提现到对公账户要收手续费吗
  • 被财政收回的财物有哪些
  • 将自产产品用于管理部门 增值税
  • 进项税额转出再转入
  • 员工上班的停车费谁出
  • 试生产期间的收入如何做账
  • 原料到产品
  • 小规模收入不超过多少不用交税
  • 销售费用明细科目有哪些内容
  • 设置会计账簿应当遵循的基本原则有
  • 多种不同的 MySQL 的 SSL 配置
  • mysql数据库中SELECT * FROM是什么
  • 批量更新数据库最多多少条
  • onenote for windows 10怎么用
  • centos操作命令
  • 一键ghost U盘版
  • winxp无法删除文件
  • dsapi.exe是什么
  • linux vim 查找替换
  • win10h2版本
  • xp系统快捷启动按哪个
  • win8任务栏图标太大了
  • linux删错文件
  • linux解密
  • tf.nn.tanh函数
  • c# opengl 3d
  • 下载随手调
  • Jquery操作Ajax方法小结
  • 2024年全年计划
  • java中的锁机制
  • 编写shell脚本,批量建立用户
  • python socket server
  • 税务局投诉举报
  • 非正常户解除申请理由
  • 电子发票怎么看有没有重复报销
  • 一般纳税人的进项票必须当月认证吗?
  • 国税地税数据共多少
  • 合伙企业可以融资吗
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设