创建vue项目

最新推荐文章于 2024-07-15 14:11:16 发布
最新推荐文章于 2024-07-15 14:11:16 发布
阅读量45 收藏
点赞数
分类专栏： vue项目 文章标签： vue.js node.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_42778878/article/details/120679065
版权

创建vue项目

文章目录

前言

安装vue脚手架后，通过vue ui图形界面创建vue项目

一、创建流程

1.cmd到项目目录下
（1）检查vue是否安装成功

vue -version

（2）通过vue ui命令打开图形界面
在这里插入图片描述
vue图形界面
（3）创建项目
创建项目
（4）输入项目名
项目名称
（5）选择“手动配置” --> “下一步”
手动配置
(6)
在这里插入图片描述
在这里插入图片描述
(7)选择后创建项目
在这里插入图片描述
在这里插入图片描述
创建成功

（8）添加element ui插件
在这里插入图片描述
输入vue-cli-plugin-element
在这里插入图片描述
在这里插入图片描述
(9)安装axios依赖
在这里插入图片描述

在这里插入图片描述
在这里插入图片描述
(10)启动项目：任务–>Server–>运行
在这里插入图片描述
在这里插入图片描述

qq_42778878
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
创建一个vue项目
upStar1的博客
05-09 265
学vue这么长时间，除了老师最开始带我建了一个项目，后来的项目都是直接用的公司的再也没建过，今天才发现自己不会建项目。 搭建环境就不赘述了。 1.先cmd，进入项目的目录 2.新建项目 vue create + 项目名称 比如我这边是 vue create mydemo ，当然因为我不是vuecli3所以这个命令没用。 用之前的新建命令就可以 vue init webpack + 项目名称 3.这里就建好了 4.cd mydemo会进入项目 npm run dev启...
用vue创建一个项目
以后的博客
05-19 1091
要先安装node.js  用node -v 和npm -v 查看是否安装完整 然后安装淘宝镜像cnpm来代替npm 加快创建项目的速度 cnpm -v查看是否安装完整 #最新稳定版本 1·npm install vue  如果使用淘宝镜像安装就输入命令行      cnpm install -g vue-cli进行安装， 如果没有安装淘宝镜像依旧用 npm install -g vue-
vue快速上手——创建vue项目，vue基本使用方式，路由vue-Router，转态管理vuex
最新发布
weixin_73582152的博客
07-15 1135
Node.js 是一个开源、跨平台的 JavaScript 运行时环境，它允许开发者在服务器端运行 JavaScript 代码。Node.js 是基于 Chrome V8 引擎构建的，它的设计目标是提供一种高效、轻量级的方式来构建可扩展的网络应用程序。事件驱动：Node.js 使用非阻塞 I/O 模型，使其非常适合处理大量并发连接，这使得它在构建实时应用程序（如聊天应用）时非常高效。单线程。
创建VUE项目
weixin_30540691的博客
09-07 68
前提需要下载node.js，并安装 一：打开CMD； 二：选择项目要创建的路径（这里我选择的是创建在桌面：desktop） 三：如果安装了node.js，还要安装vue-cli，webpack，全部-g全局安装即可。（npm install vue-cli..等） 四：如果已经安装好了这些东东，下面就可以创建vue项目了（vue init webpack d...
idea创建vue项目，引用elementUI教程附件
10-17
idea创建vue项目，引用elementUI并从springboot项目获取数据教程附件
通过命令行创建vue项目的方法
08-29
通过命令行创建Vue项目是开发者们常用的一种快速初始化项目的方式，这使得开发过程更加高效。本篇将详细介绍如何利用命令行创建Vue项目。 首先，确保你的开发环境中已经安装了Node.js。Node.js是JavaScript的服务器...
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
10-17
使用vue-cli3创建Vue项目及配置VS Code自动代码格式化和Vue语法高亮问题涉及了多个知识点和步骤，主要包括vue-cli3的基本使用、VS Code的插件安装和配置、ESLint和Prettier的安装和配置以及VS Code用户设置的修改。...
创建Vue项目以及引入Iview的方法示例
01-19
创建Vue项目 以及引入Iview 官方文档 # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖，走你 $ cd my-project $ npm install...
VSCode创建Vue项目完整教程
热门推荐
weixin_46271689的博客
04-18 4万+
文章目录一、配置环境1.安装VS Code2.安装node.js3.安装配置脚手架vue-cli二、创建vue项目1.命令方式创建2.重新初始化依赖3.启动项目总结 一、配置环境 1.安装VS Code 官网下载 https://code.visualstudio.com/ 下载VS Code，按照步骤安装。 2.安装node.js （1）官网 https://nodejs.org/en/ 下载node.js，按照步骤安装即可，node.js安装完成之后会同步安装npm。 （2）配置环境变量：把node.j
创建Vue项目
qq_44274968的博客
05-31 1134
因为创建一个Vue项目(并且在本地作为一个前端服务器运行起来 ), 需要很多第三方的包的支持(至少上百个包), 我们没有办法一个一个下载这些包(因为包需要 依赖另一个包, 并且依赖关系有版本要求), 所以我们前端就开发了一个工具叫npm, 这个工具的原理就是, 大家都把包存储到它的服务器上(有成千上万), 当我们需要的时候, 可以使用这个npm工具帮我们从它的服务器上下载正确的以及对应的包到我们本地,以供我们使用.// ---------------项目创建完成--------------------
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值