当前位置:首页 » 《随便一记》 » 正文

Vue项目环境搭建教程_Rebels_YLF的博客

23 人参与  2022年04月25日 17:06  分类 : 《随便一记》  评论

点击全文阅读


VUE项目环境搭建教程

针对开发工具:VSCode、Hbuilder、IDEA等

一、下载Node.js和Git

Node.js下载链接:中文官网

  • 下载好之后使用命令行再次确认查看:
node -v  

顺便看看node内置的npm版本:
如果是非安装包形式,安装的node(直接解压的,不是程序安装的形式),需要配置环境变量,必要时还需要配置要使用的npm版本

npm -v
出现对应版本号,则安装成功;
  • 下载Git,并且安装,完成安装之后提前配置好账户名邮箱
  • 下载地址:Git官网
    配置命令:
 	$ git config --global user.name "用户名(一般使用姓名全拼)"

	$ git config --global user.email "邮箱"

二、安装Vue脚手架 Vue Cli

安装脚手架之前,先配置国内的下载镜像,不配置就默认去外网下,太慢了容易失败
全局镜像配置命令:下面两种都行

npm config set registry https://registry.npm.taobao.org 
npm config set registry=http://registry.npm.taobao.org

直接打开命令行:win+r 输入cmd
输入脚手架的安装命令:

cnpm install --global vue-cli

检查脚手架安装是否成功:有版本号则成功
注意是大写的V

vue -V

三、初始化vue项目(下载模板)

此时已经可以初始化项目了,不需要单独安装webpack
初始化命令:
在你想要放置vue项目的目录下进行初始化即可,然后就会自动生成一个vue项目在此目录下

vue init webpack 项目名字

等待读条下载模板,完成之后,安装下图进行项目配置
在这里插入图片描述
项目构建成功画面:
在这里插入图片描述
最后,使用开发工具打开这个生成的项目目录即可


点击全文阅读


本文链接:http://m.zhangshiyu.com/post/38935.html

安装  项目  配置  
<< 上一篇 下一篇 >>

  • 评论(0)
  • 赞助本站

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。

最新文章

  • 小说年代知青看到弹幕,觉醒赢麻了(年代知青看到弹幕,觉醒赢麻了)已更新+无删减(年代知青看到弹幕,觉醒赢麻了)
  • 女总裁找了我三年,亲戚朝我逼婚无错版_小姨乔总过敏大反击_小说后续在线阅读_无删减免费完结_
  • 新章速递养大的反派疯魔了是什么小说(江曜姬时语)完本阅读无广告(江曜姬时语)
  • 爱,一触就破无广告_妹妹夏夏孟夏人气小说_小说后续在线阅读_无删减免费完结_
  • 他死后前妻疯魔了彩蛋(顾煜迟林筱棠)全书在线下载阅读完美终章小说大结局
  • 此后锦书休寄周窈音全文最新章节(周窈音)全文免费阅读无弹窗大结局_周窈音免费阅读
  • 弹幕说我是捞女?反手收购男主公司养鸡(林朝曦沈墨川)_弹幕说我是捞女?反手收购男主公司养鸡
  • 没给寡嫂抢到La******,老公把我和儿子做成蜡像(顾云州沈云烟)_没给寡嫂抢到La******,老公把我和儿子做成蜡像顾云州沈云烟
  • 出狱后,假千金靠玄术杀疯了(顾九音霍霆修)_出狱后,假千金靠玄术杀疯了
  • 养妹偷我认亲玉佩当上千金,男友当场分手超长版_玉佩陈雨柔养父母一口气看完_小说后续在线阅读_无删减免费完结_
  • 抽卡后,气运之子怎么都缠上来了小说(夏挽棠)(抽卡后,气运之子怎么都缠上来了)全书+后续+结局在线阅读
  • 前传爱意随风消逝续集:全文+番外乔清浅宋轻舟:结局+番外新上热文

    关于我们 | 我要投稿 | 免责申明

    Copyright © 2020-2022 ZhangShiYu.com Rights Reserved.豫ICP备2022013469号-1