VUE-cli环境搭建(SHD创新实验室第三次任务环境搭建)

2024-05-09 14:03:12

目录

1.安装node.js

2.安装VUE

3.使用VS code 打开vue项目工程

本文由SHD实验室杨杭创作，具体问题在群里联系杨杭学长

1.安装node.js

Node.js官网下载

直接安装默认路径（尽量安装在C盘）

安装好后在WIN+R打开cmd

输入node -v

出现版本说明安装成功！！！

2.安装VUE

不要关闭cmd

接下来在控制台输入：npm install -g @vue/cli 然后回车。

然后控制台输入：vue -V

出现版本说明安装成功。

3.使用VS code 打开vue项目工程

通过SVN下载文件，并解压：

SVN地址：svn://121.199.48.56/repository/repository/SHD资料/hellow.rar

！！！注意！！！

使用VS code 打开项目文件必须打开目录最后一个文件！！！

该文件打开后必须还有以下目录

vs code 打开hellow

新建一个终端

输入 npm i 进行下载必备包

下载成功后文件目录有一个node_modules的文件

！！切记！！编写项目时不要打开这个文件

接下来再输入npm run serve

出现这些说明项目启动完成！，在浏览器打开链接即可！！！

打开浏览器，输入：http://localhost:8080/ 出现下面界面，即为成功

然后就可以开始编写代码了，在编写项目时在src文件里进行编写！！

VUE-cli环境搭建(SHD创新实验室第三次任务环境搭建)相关推荐

【2022软件创新实验室暑假集训】Java环境安装与基础介绍
Java环境安装与基础介绍文章目录文章目录 Java环境安装与基础介绍文章目录 Java 简介主要特性关于语言学习的选择 Python Java Go&Rust Java环境配置 J ...
高中物理创新实验室有哪些建设要求
物理是一门以实验为基础的学科,高中物理创新实验室的建设是物理实验教学与探究的重要物质保证,那么高中物理实验室建设具体有哪些要求? 高中物理创新实验室建设目标物理创新实验室建设以现代教育理念为指导,以 ...
VSCode 搭建Vue开发环境之Vue CLI
2019独角兽企业重金招聘Python工程师标准>>> 一.简介说明 1.关于VS Code开发工具,安装和配置,更多可以参考以前文章 2.关于Vue.js,Vue是一个优秀的渐进式 ...
vue脚手架搭建配置试调地址和端口号_全栈的自我修养: 002使用@vue/cli进行vue环境搭建 (使用Vue,SpringBoot,Flask完成前后端分离)...
全栈的自我修养: 使用@vue/cli进行vue.js环境搭建 Success, real success, is being willing to do the things that other ...
Vue CLI 3 多页应用项目的搭建
在项目初期时,从零开始搭建和配置本地前端开发环境是一项很繁琐的工作,需要考虑到项目目录结构.项目基本配置.Webpack 配置等等.通过 Vue CLI 3 可以快速的生成一个项目,这样我们就可以专注 ...
Vue CLI 3 脚手架搭建
@[TOC](Vue CLI 3 脚手架搭建) 注意 see -> cli.vuejs.org/zh/guide/ Vue CLI 的包名称由 vue-cli 改成了 @vue/cli Vue ...
vue cli 4 多环境_Vue 笔记整理19
19.1 vue-cli起步 19.1.1 什么是vue-cli Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供: - 通过 @vue/cli 搭建交互式的项目脚手架. - 通 ...
收藏！一文掌握智能体协同创新实验室解决方案架构以及搭建流程
一.多智能体系统的探究与相关教学难点多智能体系统(Multi-AgentSystem,MAS)是由多个具备一定感知和通信能力的智能体组成的集合,该系统可以通过无线通信网络协调一组智能体的行为(知识. ...
三种方式快速搭建vue环境项目全过程(图解)
(一)环境搭建 1.下载源码如果仅仅只是在项目或者某个文件中简单的使用vue,就可以直接在html中引入下列链接 <script src="https://unpkg.com/vue ...

最新文章

热门文章