Vue环境的搭建

Vue环境的搭建

想要搭建一个Vue环境,首先下载好Git命令行(跟cmd差不多)、node.js、Vue-Devtools–master建议将这三个安装放在同一个自定义的目录里面。

  1. 在自己自定义的目录里面新建一个文件夹,然后鼠标右击文件夹,选git bash here,git就会默认在这个文件夹路径打开,依次输入如下
    node -v
    npm -v
    npm install -g cnpm --registry=https://registry.npm.taobao.org
    cnpm install vue-cli -g
    在这里插入图片描述
  1. 安装webpack
    cnpm install webpack -g
    在这里插入图片描述

3.新建一个目录zs1
vue init webpack zs1 具体操作如下图:
cd zs1 进入这个目录
cnpm install 安装cnpm
在这里插入图片描述

  1. npm run dev(让他跑起来)
    在这里插入图片描述
    复制 http://localhost:8080

5.打开谷歌游览器点击右上角三个点 点开 点击更多工具——>拓展程序
——>加载已解压的拓展程序 选择自己自定义文件夹的Vue-Devtools–master——>chrome就OK。
6.打开谷歌在搜索栏输入http://localhost:8080
看到如下图则配置成功
在这里插入图片描述

©️2020 CSDN 皮肤主题: 游动-白 设计师:上身试试 返回首页