Vue 创建项目的流程

最新推荐文章于 2024-05-28 11:10:38 发布
最新推荐文章于 2024-05-28 11:10:38 发布
阅读量225 收藏 1
点赞数
分类专栏： Vue 学习 文章标签： vue.js sass 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YCHH1/article/details/125217888
版权

第一步

   vue create 项目名称
在这里插入图片描述

第二步: 选择 安装 vue 项目的方式

这里选择 自定义 安装 手动创建 Manually select features

注意有的 电脑会显示 图一的方式’

   图一的方式
     第一行 是之前有保留创建项目的 预存保留方式 最后一步会提到
     第二行 是 手动设置 选择创建项目需要安装的插件

  图二的方式 一般都会正常显示

图一显示方式
在这里插入图片描述

图二显示方式
在这里插入图片描述

第三步 选择需要安装的插件

在这里插入图片描述

第四步: 选择 创建 vue3 的项目 还是 vue2 的 项目

   这里选择创建 vue2 的项目

在这里插入图片描述

第五步: 选择路由策略

   这里问的是需不需要使用 path 策略

   因为本人之前使用的是 history 策略 这里选择 N

在这里插入图片描述

第六步 选择 编译语言 这里选择 sass 或者 选择 node-sass

在这里插入图片描述

第七步 选择 报错提示的方式 这里选择第一个

在这里插入图片描述

八步 选择校验的 方式 这里选择保存时校验

在这里插入图片描述

第九步 选择 单元测试 选择哪个 这里选择 Jest

在这里插入图片描述

第十步 选择配置的存放方式 这里选择第一个

在这里插入图片描述

第十一步 选择将上面的操作进行保留,在下一次创建项目时不用再次选择

   这里 选择 N

注意 这里 就是之前 第二步时选择 创建项目的方式 图一中的一个选择方式

在这里插入图片描述

第十二步项目创建完成 进入项目 + 运行项目

在这里插入图片描述

大闸蟹~
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
vue项目创建步骤
weixin_64315174的博客
11-29 4101
vue项目创建步骤
Vue创建项目的详细步骤
不是对你没感觉，是你没开保时捷
03-08 2万+
一、安装node.js 1、本例环境 node.js: v16.14.0 npm：8.3.1 vue：@vue/cli 5.0.1 2、node.js环境安装与测试 由于vue的安装与创建依赖node.js（JavaScript的运行环境）里的npm（包管理和分发工具），因此需要先确保安装node.js。 下载地址：Node.js (nodejs.org) 下载完成安装之后，检测一下，查看是否安装成功。 检测方式：打开cmd命令窗口（Window + R，输入cmd然后回车），输入n.
如何创建一个vue项目（详细步骤）
Monsters___的博客
08-27 11万+
如何创建一个 vue 项目 详细步骤 (vue-cli2 / vue-cli3) (webpack / vite)
使用vue构建组件化开发项目
qq_39784865的博客
04-14 1432
参考链接：链接: link. 一、搭建环境 1、首先安装node环境，这里就不详细讲了。 2、然后搭建vue 项目环境，全局安装vue. 3、安装完vue之后，进入你的项目目录，创建一个基于webpack模板的新项目：vue init webpack 项目名 4、进入项目：cd 项目名，安装依赖，安装成功之后会多出一个node_modules目录。 5、npm run dev,启动项目，启动...
vue脚手架与创建vue项目
最新发布
qq_48843954的博客
05-28 669
vue脚手架的安装与创建vue项目需要先行安装配置node与npm，详情可以看node、npm的下载、安装、配置_node 下载安装-CSDN博客。
Vue项目的创建（详细步骤）
wxm_CXZL的博客
05-06 1507
vue init webpack 是 vue-cli2.x 的初始化方式，可以使用github上面的一些模板来初始化项目，webpack 是官方推荐的标准模板名
vue项目创建流程
m0_64337756的博客
04-10 837
A 创建项目 1vue create app 2选择：babel router(按需选择) B 重置项目 1app.vue中重置 <template> <div></div> </template> <script> export default { } </script> <style> </style> 2router/index.js重置 import Vue from 'vu
Vue 创建项目
etemal_bright的博客
10-31 390
在webstrom里面创建vue项目 npm install vue 1：vue init webpack my-vue //创建一个 my-vue的项目 不能有大写字母 cd my-vue 2：npm install //安装依赖 3,npm run dev //运行项目 创建完成之后 每个文件夹的功效： 1：build 最终 发布代码的存放位置 2：config 配置目
详解Vue用cmd创建项目
10-17
使用命令行工具（CMD）创建Vue项目是开发流程中的第一步，这使得开发者能够快速搭建开发环境并开始编码。下面我们将详细讲解如何在CMD中创建Vue项目。 1. **环境准备**： 在开始之前，确保你已经安装了Node.js，...
通过命令行创建vue项目的方法
08-29
Vue CLI是官方提供的一个快速搭建Vue项目脚手架的工具，可以自动化创建项目结构和配置。 1. **安装Vue CLI**： 在命令行中，使用npm全局安装Vue CLI： ``` npm install -g @vue/cli ``` 如果在中国地区，由于...
Vue3创建项目1
08-08
以上是基于 Vue3 创建项目的基本流程和涉及的主要技术点，包括 Vue CLI 的使用、Django 与 Vue 间的跨域配置、API 调用、Vue 模板语法和 CSS 样式等。通过这些知识，开发者可以构建一个简单的前端应用，与后端 API ...
Vue使用vue-cli创建项目
08-29
Vue 使用 vue-cli 创建项目 ...使用 vue-cli 创建项目可以快速开始新的 Vue 项目，Mint_UI 框架和 vue-router 可以帮助开发者快速构建应用程序的界面和路由管理，而 Vuex 则可以帮助开发者管理应用程序的状态。
如何搭建一个vue项目(完整步骤)
热门推荐
没有在适当的年纪做正确的事，非刻意而为之，知识后知后觉!
04-17 17万+
一、环境准备 1、安装node.js 下载地址：https://nodejs.org/zh-cn/ 界面展示 2、检查node.js版本 查看版本的两种方式 1|node -v 2|node -version 出现版本号则说明安装成功（最新的以官网为准） 3、为了提高我们的效率，可以使用淘宝的镜像源 输入：npm install -g cnpm --registry=https://registry.npm.taobao.org 即可安装npm镜像源 以后再用到npm的地方直接用cnpm
vue项目搭建流程
qq_35216414的博客
06-18 1472
②components文件夹放置所有的子组件，即每个页面级组件的子组件，例如：index页面级组件，把它分为header、content、footer三部分，只要在components文件夹下新建一个index文件夹（为了区分其他组件），放入对应的子组件。（3）、更改router文件夹的index文件（根据项目需求，引入对应页面，配置路由信息，进行页面跳转）（ / 代表跟路径）注意下载的位数，默认是win10的64位，下载mac，win7，32位等可点击官网顶部的下载。
vue项目搭建（完整步骤）
Whit3ZzT的博客
12-03 3518
vue项目搭建
企业开发中，如何在Vue中实现流程图
zhanghuaiwei
04-27 1万+
企业Vue项目中，使用@antv/g6第三方库，实现流程图的配置和draw,并且实现企业项目的具体项目需求
vue项目搭建步骤
X_0419的博客
04-24 534
只是单纯进行记录，此步骤是在node.js和vue.js已经安装完成之后进行的，希望对大家也有所帮助。 vue项目搭建步骤 首先我们先创建一个demo文件，然后在路径出打出cmd，启动命令面板，在命令面板输入vue create myapp-web（myapp-web是随便起的名字） 输入之后按下回车键，会出现以下选项，我们选择第三个手动安装 接下来我们选择以下五个选项，按空格就可以选中，之后按下回车 接下来会有五个问题，我们依次选择以下选项，选完回车之后就可以等待项目创建了 接下来我们cd m
vue创建项目vue3
09-07
4. 在创建项目的过程中，Vue CLI会提示您选择一些配置选项。选择默认预设（default preset）或手动选择您需要的特性。请注意，Vue 3 需要选择手动配置，并选择使用 Vue 3。 5. 完成项目创建后，进入项目目录： ``...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

大闸蟹~

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值