Vue环境搭建及项目启动

Vue的环境搭建和项目启动

1.安装node.js

这是Vue安装的前提条件。

  • 下载链接:node.js
    一直下一步,然后安装完成即可 !
  • 测试查看工具版本号
    在这里插入图片描述

2.安装VsCode

不详细说了,很简单的一个软件下载。
在这里插入图片描述

3.安装Vue

使用npm进行安装
缺点:安装速度较慢,使用国内源镜像安装较快
打开cmd,键入:npm install --global vue-cli ,回车后等待安装即可
vue-cli安装完成后,键入:npm install --global webpack,回车进行webpack的安装
在这里插入图片描述
在这里插入图片描述

4.创建Vue项目并启动

进入你的Vue项目的工作空间下,使用cd命令进行切换
执行:vue init webpack demo1 ,其中demo1为vue项目的名称
在这里插入图片描述
在这里插入图片描述

进入新创建的Vue项目下,(cd demo),执行:npm install , 进行依赖包的安装
在这里插入图片描述
安装完成后,执行:npm run dev , vue项目启动
在这里插入图片描述
启动成功后,打开浏览器,打开网址:127.0.0.1:8080 , 可以看到vue标识,项目启动成功.
在这里插入图片描述
或者
在这里插入图片描述


版权声明:本文为weixin_48632843原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。