使用vue创建一个新项目

最新推荐文章于 2024-08-03 17:57:20 发布
最新推荐文章于 2024-08-03 17:57:20 发布
阅读量362 收藏
点赞数 1
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51432198/article/details/127684108
版权

1.使用ctrl+` 或点击菜单栏新建终端打卡终端

输入  vue create  新建项目名，则在当前目录下创建新项目

 2.按上下箭头选择配置方式 ,按回车进入下一步

 3 按空格键进行选择/取消

.

 4.选择vue的版本

 5.语法检查选择默认 只在保存时检测 不然语法检查太严格很麻烦6

 6.选择默认选项

7.配置文件分文件

 

8.保存模板 

9.创建成功

 

 10.切换到文件路径 用npm run serve运行

 11.点开目录就可以了

 

一天只吃一包枸杞
关注
使用Vue CLI创建typescript项目的方法
10-16
本文将详细介绍如何使用Vue CLI来创建一个基于TypeScript的Vue项目。 ### Vue CLI介绍 Vue CLI是Vue.js的官方开发工具，用于快速搭建大型单页应用。Vue CLI是基于Node.js开发的，它允许开发者快速启动一个带有最佳...
如何创建一个vue项目（详细步骤）
热门推荐
Monsters___的博客
08-27 12万+
如何创建一个 vue 项目 详细步骤 (vue-cli2 / vue-cli3) (webpack / vite)
在创建vue配置时如何勾选配置
六月天、泡沫
01-26 1037
在创建vue时候手动配置勾选: 这里勾选不是按回车，而是按对应的数字，要选哪个就按哪个对应的数字就好了 选择完毕后再按回车下一步
创建vue项目
最新发布
qq_55046209的博客
08-03 411
编程学习最重要的是实践，多写代码，多解决问题，不断提升自己的技能。在创建过程中，选择默认的 preset 或者手动选择你需要的功能。确保已经安装了Vue CLI。
脚手架（vue-cli）创建Vue项目超详细过程
weixin_52580677的博客
03-23 1万+
Vue创建项目 1.创建项目 2.项目手动配置 3.选择vue版本 4.路由模式 ... Vue项目运行 ...
创建vue项目（vue-cli）
m0_47789462的博客
04-10 426
1、默认vue2版本和默认vue3版本都是有Eslint和Babel的，Eslint是代码规范的，Babel是将ES6转化为ES5的。（这边新手不建议安装有Eslint的，所以选择自主配置–最后一种）6、Babel、ESLint 等工具会有一些额外的配置文件，这里的意思是问你将这些工具相关的配置文件写到哪里？这里建议选择第 1 个，保存到单独的配置文件，这样方便我们做自定义配置。是否选择history路由模式，（这里选择“n”）5、选择css预处理器，一般选择Less。2、按需选择需要使用到的功能。
如何创建vue项目，创建的方式？
weixin_73184582的博客
04-19 4761
以上就是使用 Vite 工具创建 Vue 项目的方法，Vite 是一个基于 ES Module 的开发工具，可以帮助开发者快速搭建 Vue 项目，并提供了快速热重载、按需加载等功能，可以大大提升开发体验。以上就是使用 Webpack 创建 Vue 项目的方法，虽然需要手动配置比较复杂，但是可以根据需求进行高度的自定义和扩展，是比较灵活和强大的构建工具。首先需要安装 Node.js 和 npm 包管理器，Node.js 官网提供了对应的安装包和指南，可以根据自己的操作系统和版本选择下载和安装。
使用vue2.0创建的项目的步骤方法
10-17
接下来，创建一个新的Vue项目。首先，进入你想要存放项目的目录，例如E盘的test文件夹： ```bash e: cd test ``` 然后，使用Vue CLI创建一个基于Webpack配置的项目，例如项目名为my-vue： ```bash vue init ...
vscode新建一个最简单的vue项目
09-27
在本文中，我们将深入探讨如何使用Visual Studio Code（VSCode）创建一个最简单的Vue.js项目。Vue.js是一款轻量级的前端JavaScript框架，以其易学易用和强大的功能深受开发者喜爱。VSCode作为一款功能丰富的代码编辑...
Vue使用vue-cli创建项目
08-29
vue-cli 是一个可以快速生成 Vue 项目的工具，它提供了多种模板项目，帮助开发者快速开始新的项目。 二、创建项目步骤 1. 安装 Node.js 和 Git 在创建项目之前，需要安装 Node.js 和 Git。这两个工具是 vue-cli ...
怎样创建一个VUE项目（超简单）
m0_70619994的博客
09-25 7万+
一、安装node.js 二、搭建vue环境 1、全局安装@vue/cli模块包 2、执行命令 3、检查是否安装成功 三、创建vue项目 1、创建项目 2、选择模板和包管理器，等待项目创建完毕 四、启动vue项目 1、执行命令 2、浏览项目页面 五、vue项目目录文件含义和作用 六、修改端口号 七、清理欢迎界面 补充：解决App.vue 代码是黑白色的方法
如何搭建一个vue项目(完整步骤)
qq_39093474的博客
09-11 2万+
这里如果选择保存的话，就要输入名字，默认就是文件夹的名字，下次配置的时候就会显示这个文件配置的选项就像上面的一样，在配置的时候会多出来一个。）下载hbuildx安装文件（已提供，无需下载），下载后，直接解压就可以使用。代码检查，选标准的就行，方向键切换，空格键选择然后回车。按空格键选择要安装的配置资源，带 * 号说明被选上了。上下方向键选择版本，这里我们选择vue2，然后回车。代码检查时间，方向键切换，空格键选择然后回车。启动成功之后，打开路径看到如下界面说明成功。通过上下方向键选择对应配置，然后回车。
vue项目快速搭建（详细步骤）
L499135的博客
09-03 2493
vue项目快速搭建，包含vue2到vue3（超详细图解）
Vue基本知识1，安装创建以及常用指令
Lyc1cccccccc的博客
05-30 625
vue的基本知识，创建、安装以及常用指令。
VueCli 自定义创建项目及配置
m0_53951384的博客
11-08 414
1.安装脚手架 (已安装)2.创建项目选项?> Manually select features 选自定义手动选择功能选择vue的版本3.x> 2.x是否使用history模式选择css预处理选择eslint的风格 （eslint 代码规范的检验工具，检验代码是否符合规范）比如：const age = 18;=> 报错！多加了分号！后面有工具，一保存，全部格式化成最规范的样子选择校验的时机 （直接回车）选择配置文件的生成方式 （直接回车）是否保存预设，下次直接使用？
创建vue项目的几种方法
followly的博客
05-24 736
3.使用vue init webpack创建，打开终端输入vue init webpack+（项目名称）即可创建。2.使用vue create创建，打开终端输入vue create +（项目名称）即可创建。打开终端输入npm install -g create-vite-app。1.使用可视化插件vue ui创建 打开终端输入vue ui进入图形化管理直接操作创建。这样能创建一个框架，之后需要router，vuex之类的再自行安装即可！4.使用vite创建，需要装vite构建工具，
vue create创建项目手动配置步骤
weixin_45032067的博客
08-16 3194
vue create创建项目
vue创建一个新项目
09-01
Vue创建一个新项目有两种方法可以选择。方法一是使用vue-cli3.x的初始化方式，通过命令行运行"vue create 项目名"来创建项目。这是Vue官方提供的命令行工具，适用于快速搭建大型单页应用。 方法二是使用vue-cli2.x的...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值