创建VUE项目

最新推荐文章于 2024-05-16 17:54:12 发布
最新推荐文章于 2024-05-16 17:54:12 发布
阅读量49 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43942304/article/details/112428557
版权

创建VUE项目

进入任意一个文件夹（存放项目），按shift+鼠标右键，出现
在这里插入图片描述

创建项目命令：vue create 项目名

在这里插入图片描述
点击回车，出现（通过键盘上下箭头指定选项）
在这里插入图片描述
点击回车，出现（空格键让选项选中）
在这里插入图片描述
点击回车，做出一些选择
在这里插入图片描述
点击回车，开始下载包
在这里插入图片描述
想在的可能比较慢，crtl+c结束下载，进入项目目录shift+鼠标右键，输入cnpm i 点击回车后，重新下载包
在这里插入图片描述
下载完成后出现
在这里插入图片描述

weixin_43942304
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
创建vue项目
m0_45309753的博客
10-18 670
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、安装node.js环境2.安装vue-cli脚手架3.创建vue项目总结 前言 创建vue项目的基本配置 一、安装node.js环境 在用Vue.js构建大型应用的时候通常使用NPM安装方法，NPM能更加方便快捷的搭建项目，例如在项目当中我们常常需要安装各种插件以及打包工具等。 1.从node.js官网下载并安装node，安装过程很简单，一直点下一步就ok了，安装完之后，我们通过打开命令行工具（win+R）,输入 node
基于脚手架创建Vue项目实现步骤详解
10-15
以下将详细介绍基于Vue CLI创建Vue项目的过程。 首先，准备工作至关重要。确保你已经安装了Node.js环境，因为Vue CLI是基于Node.js的。你可以通过在命令行输入`node -v`来验证Node.js是否已安装，并检查其版本。接...
搭建一个vue项目
qq_39472036的博客
03-30 100
一、安装node环境 　　1、下载地址为：https://nodejs.org/en/ 　　2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功 　　 　　3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/ 　　输入：npm install -g cnpm –registry=https://registry.npm.taobao.or...
如何搭建一个vue项目(完整步骤)
最新发布
y2020520的博客
05-16 3693
Install vue-router ==> 是否要安装 vue-router，项目中肯定要使用到 所以Y 回车；最后附上demo地址：https://github.com/yanxulan/vue-demo.git。参考：https://www.cnblogs.com/yanxulan/p/8978732.html。d：输入ip： http://localhost:8010/#/first，查看页面效果。
构建Vue项目详细步骤
qq_44723773的博客
03-04 1884
一、安装Node.js 下载地址：https://nodejs.org/en/ 下载完成之后，找到文件所在路径，点击进行安装，直接下一步操作，安装完成之后，打开cmd终端，查看是否安装成功 node -v npm -v 二、安装cnpm淘宝镜像 npm命令可以使用，打开cmd，下载一些包 但是npm下载各种包默认的服务器在国外,下载速度很慢,有时还会导致一些环境问题 因此我们可以选择从国内的服务器下载包,这要感谢淘宝团队的付出,为国内开发者提供了npm各类包的镜像 下载以安装一个cnmp(淘宝镜像)
创建Vue项目
qq_44751338的博客
09-01 98
1.将git的文件克隆到本地桌面上 git clone git@gitee.com:shi-qingri/travel.git 2.全局安装 vue-cli npm install --global vue-cli 3.创建一个基于webpack 模板的项目 vue init webpack travel (new project) 4.进入项目文件夹 cd Travel 5.npm run dev 如果vue init webpack travel报错 就把文件及里面的node_modules删除 然后在
第一次创建vue项目
01-08
自动找到了vue所在，创建就可以 3：打开后显示package.json,yarn run 等它安装，下面会有进度条（等待） 安装完成的文件夹 4：启动 右上角配置一下 点击 本地打开就可以了 或者在terminal控制台用 npm run dev...
通过命令行创建vue项目的方法
08-29
通过命令行创建Vue项目是开发者们常用的一种快速初始化项目的方式，这使得开发过程更加高效。本篇将详细介绍如何利用命令行创建Vue项目。 首先，确保你的开发环境中已经安装了Node.js。Node.js是JavaScript的服务器...
idea创建vue项目，引用elementUI教程附件
10-17
idea创建vue项目，引用elementUI并从springboot项目获取数据教程附件
vscode新建一个最简单的vue项目
09-27
接下来，我们将分步介绍创建Vue项目的步骤。 **一、安装必要工具** 首先，确保你已经安装了Node.js，因为Vue项目依赖于npm或yarn来管理依赖。同时，下载并安装Visual Studio Code。在VSCode中，我们需要安装以下两...
详解Vue用cmd创建项目
10-17
使用命令行工具（CMD）创建Vue项目是开发流程中的第一步，这使得开发者能够快速搭建开发环境并开始编码。下面我们将详细讲解如何在CMD中创建Vue项目。 1. **环境准备**： 在开始之前，确保你已经安装了Node.js，...
图文讲解用vue-cli脚手架创建vue项目步骤
10-17
接下来，我们将详细探讨如何使用Vue CLI创建Vue项目。 **一、安装Vue CLI** 在开始之前，确保你的计算机上已经安装了Node.js，因为Vue CLI是基于Node.js的。你可以通过运行`node -v`检查是否已安装。如果没有，你...
node创建Vue项目步骤详解
10-15
在本篇文章里小编给大家整理的是关于node创建Vue项目步骤详解内容，需要的朋友们可以学习下。
创建Vue项目以及引入Iview的方法示例
01-19
创建Vue项目 以及引入Iview 官方文档 # 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack my-project # 安装依赖，走你 $ cd my-project $ npm install...
webstorm2019版本创建VUE项目
01-20
然而，有时用户在尝试创建Vue项目时可能会遇到各种问题，本文将针对这些情况进行解析。 首先，让我们了解Vue项目的常规创建流程。在WebStorm中创建Vue项目，通常需要以下步骤： 1. 打开WebStorm，点击"File" -> ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值