vue前端框架下载与环境配置

vue前端框架下载与环境配置

  • 前期准备
    • 安装node.js
  • 安装vue cli
  • 项目环境配置
    • 以管理员身份运行PowerShell
    • 选择内容
    • 按以下配置
    • 选择vue版本,我选的是3.x
    • 是否要保存为这个项目作为一个模板保存?
    • 完成环境安装进入项目输入以下代码

前期准备

安装node.js

官网:https://nodejs.org/en/
选择操作系统对应的包:
vue前端框架下载与环境配置_第1张图片
安装
直接无脑下一步就行。

安装vue cli

运行cmd
vue前端框架下载与环境配置_第2张图片
运行以下代码

npm install -g @vue/cli

安装完成后输入以下代码查看是否安装成功

vue --version

在这里插入图片描述

项目环境配置

以管理员身份运行PowerShell

话不多说直接上图

vue前端框架下载与环境配置_第3张图片
以管理员身份运行
进入项目目录(自己选就行,这里我用自己的地址)
在这里插入图片描述
进入地址后创建自己的项目
在这里插入图片描述
这里报错了,不要慌,输入以下代码

set-ExecutionPolicy RemoteSigned

重新在创建项目就行了。

选择内容

上下键,选择Manually回车
vue前端框架下载与环境配置_第4张图片
vue前端框架下载与环境配置_第5张图片

按以下配置

vue前端框架下载与环境配置_第6张图片

选择vue版本,我选的是3.x

vue前端框架下载与环境配置_第7张图片

是否要保存为这个项目作为一个模板保存?

在这里插入图片描述

完成环境安装进入项目输入以下代码

cd bank//bank是我的项目名,你输入你自己的就行。
npm run serve

你可能感兴趣的:(前端框架,vue.js,javascript)