位置: 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 切面)

  • opporeno4pro有指纹解锁功能吗(opporeno4指纹解锁怎么样)

    opporeno4pro有指纹解锁功能吗(opporeno4指纹解锁怎么样)

  • OPPO Ace2支持NFC吗(oppoace2支持nfc吗)

    OPPO Ace2支持NFC吗(oppoace2支持nfc吗)

  • 怎么显示文件后缀名(怎么显示文件后缀名格式win7)

    怎么显示文件后缀名(怎么显示文件后缀名格式win7)

  • 微信被限制收款是为什么(微信被限制收款功能怎么解除)

    微信被限制收款是为什么(微信被限制收款功能怎么解除)

  • 微信怎么取消黑名单的人(微信怎么取消黑名单上的人)

    微信怎么取消黑名单的人(微信怎么取消黑名单上的人)

  • 端口对运输层的作用(运输层端口长度)

    端口对运输层的作用(运输层端口长度)

  • 怎么取消微信视频号功能(怎么取消微信视频美颜功能)

    怎么取消微信视频号功能(怎么取消微信视频美颜功能)

  • 小程序商城和微商城的区别(小程序商城和微信小店的区别)

    小程序商城和微商城的区别(小程序商城和微信小店的区别)

  • 酷喵视频显示暂时无法播放(酷喵一直显示即将播放怎么回事)

    酷喵视频显示暂时无法播放(酷喵一直显示即将播放怎么回事)

  • 扫描仪分辨率越高越清晰吗(扫描仪的分辨率越高图像的清晰度越低)

    扫描仪分辨率越高越清晰吗(扫描仪的分辨率越高图像的清晰度越低)

  • led调光器原理(led调光器如何使用)

    led调光器原理(led调光器如何使用)

  • xr网络信号不好怎么解决(xr信号太不好了)

    xr网络信号不好怎么解决(xr信号太不好了)

  • 计算机的控制器由什么组成(计算机的控制器的功能是)

    计算机的控制器由什么组成(计算机的控制器的功能是)

  • win10 32位系统支持多大内存(win10 32位系统支持电磁笔)

    win10 32位系统支持多大内存(win10 32位系统支持电磁笔)

  • 华为yalal50是什么型号(华为手机型号yalal50)

    华为yalal50是什么型号(华为手机型号yalal50)

  • 手机淘宝直播入口在哪(手机淘宝开通直播)

    手机淘宝直播入口在哪(手机淘宝开通直播)

  • 商家怎么手动赠送免拼卡(商家怎么送优惠券)

    商家怎么手动赠送免拼卡(商家怎么送优惠券)

  • 微信刷脸支付怎么关闭(微信刷脸支付怎么代理加盟)

    微信刷脸支付怎么关闭(微信刷脸支付怎么代理加盟)

  • 电脑怎么连手机热点网(电脑怎么连手机wifi个人热点)

    电脑怎么连手机热点网(电脑怎么连手机wifi个人热点)

  • 美版iphone11双卡双待吗(美版iphone11双卡怎么装)

    美版iphone11双卡双待吗(美版iphone11双卡怎么装)

  • ipone11什么时候大陆预售(苹果11什么时候停产)

    ipone11什么时候大陆预售(苹果11什么时候停产)

  • Ps图层怎么用(ps图层怎么用正片叠底)

    Ps图层怎么用(ps图层怎么用正片叠底)

  • gracl00是华为的那款(华为gra-cl00是什么型号多少钱)

    gracl00是华为的那款(华为gra-cl00是什么型号多少钱)

  • 收据怎么写/收据的写法(收据怎么写比较规范)

    收据怎么写/收据的写法(收据怎么写比较规范)

  • 若依ruoyi——手把手教你制作自己的管理系统【三、代码生成】(若依原创)

    若依ruoyi——手把手教你制作自己的管理系统【三、代码生成】(若依原创)

  • 折扣折让属于什么科目
  • 注销公司账面余额要全部清零吗
  • 物流托运不给发货怎么办
  • 利润和营收哪个更重要
  • 待报解预算收入付款怎么做账
  • 企业股权转让影响利润吗
  • 年底没计提年终奖,下一年发放要怎么做
  • 由于红字发票生成红字进项税转出如何做账?
  • 计提个税会计分录怎么理解
  • 代垫款收到的发票在哪里
  • 个人承担的社保算工资吗
  • 发票认证了还能退回吗
  • 印花税的计税金额
  • 银行不肯给电子承兑贴现怎么回事
  • 水利基金免税额度是多少
  • 建筑施工企业跨区域如何缴税
  • 隐藏资源管理器里的cd驱动器
  • 如何安装react
  • 合并报表长投和所有者权益抵消的原理
  • 小米手环2支持nfc功能?
  • linux dism
  • iphone系统推送
  • 虎杖的养殖方法和用量
  • 怎么认定是否为包工头
  • 个税汇算清缴已退税到账,怎么更正
  • 经营性支付与非经营性支付
  • 苹果电脑 浏览器
  • php中的die
  • 继承税遗产税新政策
  • php从服务器下载文件
  • 移动端h5页面适配
  • 短期贷款利息支出计算
  • php抓取网页图片
  • 工程施工会计做账流程及会计分录
  • php中获取当前时间
  • laravel创建model
  • 长期股权投资后续计量收到红利账务处理
  • vue缓存路由组件相关的两个生命周期函数是
  • php+flash+jQuery多图片上传源码分享
  • PHP编写1+到100
  • linux mail命令详解
  • 旅游业发票怎么抵扣
  • 装货费用
  • python generation
  • 计提制造费用
  • 小企业长期债券投资损失应当计入
  • 广告设计与制作专科就业前景
  • 租房合同 陷阱
  • 产品研发项目管理 系统 国外
  • 跨月的普通发票能作废吗
  • 盈余公积转增资本对会计要素的影响
  • 长投对方亏损
  • 出纳去银行存现
  • 如何填写社会保障卡信息
  • 卸车费属于什么费用类别
  • 专用发票与普通发票图片
  • 本年利润的年末余额
  • 资产负债表所有者权益和利润表关系
  • airdrop怎么用?
  • ksweb软件
  • win8分盘怎么分
  • ubuntu搭建hexo
  • linux中less和more
  • linux如何读取nvme信息
  • 苹果Mac系统怎么切换输入法
  • linux查看sh
  • win7移动硬盘写保护了怎么解除
  • win8桌面一直在闪
  • win7系统如何查找文件
  • android应用开发基础课后答案
  • 动态页面设计
  • javascript怎么学
  • jQuery 中ajax异步调用的四种方式
  • jQuery插件是什么
  • jquery22插件网
  • 浅谈自己对教育的理解
  • 国家纳税查询系统
  • 安徽农金如何查询开户行
  • 企业税收筹划中的涉税风险及其防范
  • 建筑企业个人所得税管理办法
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设