vue配置环境

  • nodejs // 检查版本:node -v

  • npm 淘宝镜像 是个仓库 放的都是nodejs的插件

  • vue-cli // 检查版本:vue -V

  • git // 检查版本:git version

1.首先需要安装node

node是基石 后来才有了  angela(谷歌的)   react(facebook的)    vue   webpack cli vue 等等一切
​
为什么要node:因为我们需要用到node里面内置的npm来下载很多东西。

打开cmd输入   node -v ,如果输出版本号,说明node安装完成。

在 需要Node.js 环境中执行 JavaScript 代码 ,调用内置api接口
​
Node.js 的官网首页(https://nodejs.org/en/),安装  LTS 长期稳定版 
​
node和脚手架cli都是要全局安装的,所以在任何地方打开cmd都可以

2.npm 淘宝镜像

npm  是个仓库 放的都是nodejs的插件
npm是node自带的  管理nodejs插件 也叫npm包, npm仓库  

管理就是有添加 删除 修改 下载 安装

npm是JavaScript运行时环境Node.js的默认包管理器
npm公司在美国弄了个仓库 实际就是服务器  

1. 检查配置:npm config get registry
2. 设置淘宝镜像:npm config set registry  https://registry.npmmirror.com/            // 或用nrm插件也可以
3. 所有的nodejs插件在npm网址上都能找到  

3.其次安装vue脚手架

vue-cli的作用  脚手架 直接配置好了webpack  特别方便  可以直接create 项目
​
需要把vue文件转换成  js css html文件靠webpack
​
要用vue必须安装webpack,webpack需要配置的太多了,所以出了vue-cli脚手架

1.vue-devtools插件包安装到浏览器扩展程序

浏览器插件用 百度搜极简插件 在里面搜
1> 谷歌的插件---搜极简插件-右上角搜vue-下载下来-添加到浏览器上
​
Vue.js Devtools 
​
2>  vue代码高亮插件-代码提示插件-vscode中安装 VueHelper
​
 1.vetur  2.VueHelper

2.@vue/cli 脚手架安装

 yarn global add @vue/cli
​
 或  npm install -g @vue/cli
 
 注意: 如果半天没动静(95%都是网速问题), 可以ctrl c  停止重新来

3.查看vue脚手架版本

vue    -V  注意是大写V  中间要有空格

4.安装并配置 Git  开源的分布式版本控制系统

Git 之所以快速和高效,主要依赖于它的如下两个特性:
① 直接记录快照,而非差异比较
② 近乎所有操作都是本地执行


根据自己的操作系统,选择下载对应的 Git 安装包:

网址:http://www.git-scm.com.cn/

Git 的全局配置文件
1.设置自己的用户名和邮件地址
通过 Git 对项目进行版本管理的时,Git 需要使用这些基本信息,来记录是谁对项目进行了操作

 
  1. git config --global user.name "dajiahao"
    
    git config --global user.email "dajiahao@qq.com"

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值