Vue创建自己的项目

最新推荐文章于 2024-06-19 18:19:01 发布
最新推荐文章于 2024-06-19 18:19:01 发布
阅读量482 收藏 1
点赞数
分类专栏： # Vue框架 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46635575/article/details/122830245
版权

1、方式一（通过cli脚手架创建）

  • 如果你没有下载过vue-cli的话，那就执行下面命令
    npm install vue-cli -g【这个是全局安装】
    在这里插入图片描述

  • 然后进入到你指定的目录
    在这里插入图片描述

  • 执行创建命令：vue init webpack hello-vue(这个hello-vue你可以设置自己的名字），然后其他的就是你要么点回车，要么输入Y或者N。
    在这里插入图片描述

  • 然后进入目录运行

    • cd hello-vue
    • npm run dev
      在这里插入图片描述

  • 然后你可以在浏览器地址输入http://localhost:8081可以访问你自己的vue项目了
    在这里插入图片描述

最后你可以进入到相对应的目录去查看
在这里插入图片描述
OK，第一种方式OK了

2、方式二（通过vue create命令创建）

  1. 首先一般情况下，会先执行这个代码
    npm uninstall -g vue-cli
    npm install -g @vue/cli

  2. 然后再执行（这个是：防止系统禁止运行脚本）
    set-ExecutionPolicy Remotesigned

  3. 开始创建项目
    vue create yeb

  4. 然后选择下面
    在这里插入图片描述

  5. 然后也是上下移动，空格选择
    在这里插入图片描述

  6. 然后就是第一个N ，其他的y或者n都可以，随便。

  7. 然后就是可以cd hello 了 并且npm run serve了

  8. 大概样子就是这个样子啦
    在这里插入图片描述

3、方式三（通过vue ui创建）

  • 首先进入到你想放项目的位置
    在这里插入图片描述
  • 然后：vue ui
    在这里插入图片描述
  • 他会自动到这个页面，不到你就输入上面的地址
    在这里插入图片描述
  • 然后你们看图吧
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    第一次比较慢
    在这里插入图片描述
  • 然后添加一些必要的配置（如我要添加elementui等的）
    在这里插入图片描述
    在这里插入图片描述
    然后点完成安装（我刚刚忘记截屏了）
    在这里插入图片描述
同学郑学习
关注
专栏目录
脚手架vue-cli自定义创建Vue项目，完整详细步骤！
共同学习，共同成长
06-04 489
脚手架vue-cli自定义创建Vue项目，完整详细步骤！
vue_cli自定义创建项目
轻编程的博客
09-23 794
vue_cli自定义创建项目 创建项目 vue create vueant 自定义创建项目 选择如图所示，回车进入自定义选择配置安装界面 按键盘上下箭头键上下切换，空格键选中自己要安装的项，全部选完之后回车即可 Router (vue的路由插件) Vuex (vue的状态管理插件) css Pre-processors (css预处理插件) Linter (代码检测插件) Unit Testing (单点测试模块) 这里问我们路由是不是采用 history 模式，我们输
手把手教你创建并启动一个Vue3项目（Windows版）
最新发布
易雪寒的博客
06-19 2014
1、因为npm的资源默认采用国外的，国内执行对应的安装口令会比较慢，所以我们可以把npm资源切换到国内，这样安装框架的速度就会提升。4、验证安装npm是否成功，npm是Node中自带的打包工具，输入npm -version，输出npm版本号即表示安装成功。2、最后如上图显示，我们就完成我们VUE脚手架的安装了，我们在命令窗口用口令查看当前脚手架版本。
Vue自定义创建项目
鲸枫
03-30 1442
当我们学习完路由和vuex后，就可以基于VueCli自定义创建项目架子 ！！！
Vue自定义项目的创建
Super_hzj的博客
07-21 2120
All Right 这里是Vue自定义项目创建 话不多说 主要有如下的几步。这里默认你已经装完脚手架啥的。 1.在命令行中输入 vue create 项目名 我这里是test 2.进入如下页面，你要选择的是第三个那个自定义Manually select features 3.然后进入如下页面，这个页面是叫你要安装一些东西，应该算是组件/插件，这里一个个解释一下，图中3个是默认选中的 空格来选中或取消选中 1.Choose Vue version 顾名思义，选择版本嘛 2.Babel 这个是ES6的
使用vue-cli创建Vue2自定义项目步骤
m0_59250071的博客
11-08 533
Vue CLI 是 Vue 官方提供的一个全局命令工具。Vue2.x使用vue-cli创建Vue项目的步骤
vue.js项目实战,vue.js项目实战pdf下载,JavaScript
09-10
1. **环境搭建**：介绍如何安装Node.js，使用npm或yarn安装Vue CLI，创建和配置新项目。 2. **基础语法**：讲解Vue实例、模板语法、数据绑定、计算属性、条件与循环指令、事件处理等基础用法。 3. **组件开发**：...
vue+springboot最佳项目实践源码
03-28
首先，`Spring Boot+Vue手册.md`很可能是这个项目实践的指导文档，它会包含创建和配置Vue.js前端与Spring Boot后端的基本步骤、集成方法以及一些最佳实践。手册可能会讲解如何设置开发环境，包括安装必要的工具如...
详解Vue用cmd创建项目
10-17
使用命令行工具（CMD）创建Vue项目是开发流程中的第一步，这使得开发者能够快速搭建开发环境并开始编码。下面我们将详细讲解如何在CMD中创建Vue项目。 1. **环境准备**： 在开始之前，确保你已经安装了Node.js，...
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
10-17
使用vue-cli3创建Vue项目及配置VS Code自动代码格式化和Vue语法高亮问题涉及了多个知识点和步骤，主要包括vue-cli3的基本使用、VS Code的插件安装和配置、ESLint和Prettier的安装和配置以及VS Code用户设置的修改。...
vscode新建一个最简单的vue项目
09-27
在本文中，我们将深入探讨如何使用Visual Studio Code（VSCode）创建一个最简单的Vue.js项目。Vue.js是一款轻量级的前端JavaScript框架，以其易学易用和强大的功能深受开发者喜爱。VSCode作为一款功能丰富的代码编辑...
Vue3.x创建自定义项目
一世纤华的博客
01-13 706
注：首先确保已经正确安装node.js和@vue/cli 创建项目 vue create test8 // test8为项目名称 选择自定义 选择插件 注： Choose Vue version 选择版本 Babel Babel编译器 TypeScript JavaScript的超集 Progressi...
自定义创建vue工程
a45667的博客
10-18 505
英文官网: https://vuejs.org/中文官网: https://cn.vuejs.org/安装 vue/cli：https://cli.vuejs.org/zh/guide/installation.html安装之前可以使用淘宝镜像：加速npm。
vue如何新建一个项目（详细版本）
weixin_48596030的博客
07-20 1518
这将启动一个本地开发服务器，并在浏览器中打开你的 Vue 应用程序。如果还没有安装 Node.js，请前往 Node.js 官方网站（https://nodejs.org/）下载并安装。Vue CLI 会自动下载并安装项目所需的依赖项，这可能需要一些时间。这样，你就成功创建了一个新的 Vue 项目，并启动了开发服务器。Vue CLI 是一个基于 Node.js 的命令行工具，用于快速搭建 Vue 项目。：如果 Vue CLI 成功安装，命令行会显示 Vue CLI 的版本号。来检查 npm 是否已安装。
如何搭建一个vue项目(完整步骤)
热门推荐
y2020520的博客
05-16 1万+
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 自定义项目的创建以及配置
weixin_49832841的博客
04-14 5130
使用vue create 创建自定义项目以及配置
vue学习笔记之自定义创建项目
m0_60817860的博客
01-10 486
一：创建流程： 0、安装脚手架（已完成） 1、在想创建项目的目录下打开命令行模式，输入：vuecreate项目名创建项目 2、选择第三个自定义配置 3、上下键选择哪个配置，空格是确定选择和取消 4、选择vue2 5、选择是否使用历史模式的vue 6、选择css预处理器 7、选择使用哪一种ESlint代码规范（下图选的是无分号标准化规范） 8、选择在什么时候进行校验（1：保存的时候 2：使用git的提交时） 9、选择将配置文件放在哪里（1：单独的配置文件 2：
从零开始自定义创建Vue项目
小王几pl
01-21 1047
搭建Vue项目一. 安装node二. 全局安装 vue-cli(脚手架)三. 在需要的位置创建项目打开 操作窗口 执行 ''vue create 项目名"1. 在需要的位置 `Shift + 右键` 点击 "在此处打开 Powershell 窗口"2. 复制需要创建项目的绝对路径 在 cmd 中 cd 切换过去3. 在要创建文件夹的窗口路径处输入 cmd 开启的小黑窗就会自动切换到当前文件位置 一. 安装node 二. 全局安装 vue-cli(脚手架) npm install vue-cli -g #
如何创建vue项目，创建的方式？
weixin_73184582的博客
04-19 4752
以上就是使用 Vite 工具创建 Vue 项目的方法，Vite 是一个基于 ES Module 的开发工具，可以帮助开发者快速搭建 Vue 项目，并提供了快速热重载、按需加载等功能，可以大大提升开发体验。以上就是使用 Webpack 创建 Vue 项目的方法，虽然需要手动配置比较复杂，但是可以根据需求进行高度的自定义和扩展，是比较灵活和强大的构建工具。首先需要安装 Node.js 和 npm 包管理器，Node.js 官网提供了对应的安装包和指南，可以根据自己的操作系统和版本选择下载和安装。
vue 创建脚手架项目
09-12
Vue创建脚手架项目可以通过vue-cli来实现。vue-cli是一个官方发布的Vue.js项目脚手架，它能够快速创建Vue项目并且进行相应的Webpack配置。通过vue-cli创建项目可以使用命令行或者UI界面两种方式。 在使用vue-cli...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值