新建一个vuecli项目

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

构建一个vuecli项目前提是你以及配置好了环境变量和阿里的镜像工程。

言归正传：创建一个vuecli工程仅需要几个步骤既可以搞定

1.使用cmd窗口在需要构建工程的文件夹上打开

 2.在黑窗口中输入

vue create yourProject #这里的yourProject是你构建的文件名字

3.选择你要使用的版本，按回车

 4.等待加载完成

 5.使用你的开发者工具打开这个文件夹

6.新建一个终端，在终端中输入命令运行

npm run serve #npm工具
yarn run serve #yarn

 

 

请你喜欢我！
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vscode新建一个最简单的vue项目
09-27
在本文中，我们将深入探讨如何使用Visual Studio Code（VSCode）创建一个最简单的Vue.js项目。Vue.js是一款轻量级的前端JavaScript框架，以其易学易用和强大的功能深受开发者喜爱。VSCode作为一款功能丰富的代码编辑...
Vue-cli（基于cli如何创建项目）最详细教程，手把手教学
分享java学习路上的一些笔记，不足之处多多见谅。
06-14 5523
Vue-cli（基于cli如何创建项目）最详细教程，手把手教学
Vue CLI创建Vue项目详细步骤
最新发布
mingfeng4923的博客
08-17 4868
通过这些步骤，您已经成功地使用Vue CLI创建了一个新的Vue项目，根据项目需求进行了相应的配置。这里的意思是问你本次项目是否采用history模式，如果选择Y,需要后台配置具体看vueRouter官网解释，这里我门选择 n。这里是问你是否记录这次配置选择，选择之后会让你为这次配置起一个名字，这样下次可以直接快速配置选择，最后回车后就会初始化项目了。这里的意思是问你选择哪一种CSS预处理语言，我的项目中一般使用的是SCSS我选择第一个。创建过程中，您将进入一个交互式的选择界面，根据您的需求进行配置。
Vue基础知识总结 10：使用vue-cli（vue脚手架）快速搭建项目
学Java，找哪吒
10-08 4万+
???? Java学习路线：搬砖工逆袭Java架构师 ???? 简介：Java领域优质创作者????、CSDN哪吒公众号作者✌ 、Java架构师奋斗者???? ???? 扫描主页左侧二维码，加入群聊，一起学习、一起进步 ???? 欢迎点赞 ???? 收藏 ⭐留言 ???? ...
如何创建 vue-cli 项目
weixin_62897746的博客
09-24 3098
官网直接下载并安装node，安装过程很简单一路下一步就行，安装完成后打开命令行（window+r,输入cmd），输入node-v 如下图出现版本号则成功。打开命令行输入：npm install vue-cli -g，安装完成后输入 vue-V（这里的‘V’是大写），如下图如果出现对应的版本号则安装成功。通过上面两步，我们需要的环境和工具都准备好了，接下来就使用vue-cli来创建项目。以上就是安装vue-cli的全过程，后续会持续发布新文章，敬请关注。
vue-cli创建vue项目详细步骤
Hannah_Hannah_的博客
04-15 2万+
一、安装node环境 二、下载vue和vue-cli脚手架 命令：npm i-g vue ; npm i -g @vue/cli 三、在想要创建的位置路径下打开cmd（直接点击路径输入cmd即可打开当前位置的终端） 四、创建vue项目，输入命令（ vue create 项目名称） 五、进入详细选择 (上下 方向键选择,空格键确定,enter进入下一步) 1、默认vue2版本和默认vue3版本都是有Eslint和Babel的，Eslint是代码规范的，Babel是将ES6转化为ES.
解决vue-cli + webpack 新建项目出错的问题
08-27
Vue CLI 是一个基于 Vue.js 的脚手架工具，用于快速构建和管理 Vue.js 项目。Webpack 是一个流行的前端模块加载器和构建工具，用于管理项目中的资源和依赖项。 知识点二：Webpack 的配置文件 在上面的问题中，...
vue-cli3+typescript新建一个项目的思路分析
10-16
如果需要对webpack进行定制化配置，可以在项目根目录新建vue.config.js文件进行修改。这一点与vue-cli2相似，也可以在package.json文件中进行配置。 在创建vue-cli3+typescript项目后，我们将看到Home.vue和Hello...
使用vue-cli3新建一个项目并写好基本配置(推荐)
10-17
Vue CLI 3 是 Vue.js 官方提供的一个脚手架工具，用于快速搭建 Vue.js 项目。本教程将详细介绍如何使用 Vue CLI 3 创建新项目并进行基本配置，适合初学者和有一定经验的开发者。 首先，要使用 Vue CLI 3 新建项目，...
如何使用vue-cli来搭建vue项目？详细步骤跟着我来吧！
m0_67094505的博客
09-11 8813
注意：1.Project name：项目名，默认是输入时的那个名称spa1，直接回车2.Project description：项目描述，直接回车3.Author：作者，随便填或直接回车4.Vue build：选择题，一般选第一个4.1Runtime + Compiler: recommended for most users//运行加编译，官方推荐，就选它了- render functions are required elsewhere//仅运行时，已经有推荐了就选择第一个了。
如何搭建一个vue项目(完整步骤)
m0_67392661的博客
06-22 3575
查看版本的两种方式 出现版本号则说明安装成功（最新的以官网为准） 这里注意：安装vue-cli对node.js的版本是有要求的 装的两种方式：输入cmd命令 查看安装的版本（显示版本号说明安装成功） 如果你原来有版本或者版本比较低，可以升级...
vue-cli构建项目详解
西洲
10-24 2334
目录 1、Vue是什么 2、node安装 3、NPM 4、cli安装 5、快速构建项目 6、vue-test目录解析 7 、项目运行详解 8、总结 1、Vue是什么 vue是什么，是一套构建用户界面的渐进式框架。 vue两大核心思想，组件化和数据驱动，组件化就是把一个整体拆分个一个一个的组件，组件可重复使用。数据驱动是前端未来的发展方向，释放了对DOM的操作，让DOM随着数据...
使用vue-cli创建项目
wzh15175194522的博客
07-17 297
3.4选择路由模式（输入y和n都可以，y代表history模式没有#号，n代表hash模式有#号）1.安装vue-clinpminstall-g@vue/cli。3.1选择预置的内容，最后一个代表手动配值。3.5选择css预处理器，根据需求自行选择。3.6格式化和代码检测的配置，默认的就行。切换到我们需要创建项目的目录，在这个目录下打开cmd。3.9是否保存特性，根据你的需求来。2.vuecreate项目名。3.2选择你项目所需要的特性。3.3选择vue版本。...
创建一个vue.cli项目
weixin_46853502的博客
10-10 343
1.以【管理员】的身份进入cmd 2.进入需要创建项目的位置，（本次创建在 D盘的vue目录下，需要提前创建好目录的位置） 3.输入命令vue init webpack vueTest1 其中 vueTest1为创建的项目名 #1、首先需要进入到对应的目录 cd D:\vue #2、这里的vueTest1是顶日名称，可以根据自己的需求起名 vue init webpack vueTest1 如下图所示，正在创建项目 需要稍微等待一下，如果卡在某个界面或者下载过慢可以考虑使用淘宝的镜...
搭建Vue脚手架（vue-cli）并创建一个项目
热门推荐
kivet 的博客
08-30 7万+
1、 安装nodejs环境 官网下载：https://nodejs.org/en/download/ 一直默认就行，路径可以改变但要记得到 安装完成后cmd，输入 node -v npm -v 如果能看到node和npm的版本号了，说明已经安装成功 注：node版本最好高一点，保险的话直接安装最新版本的，因为vue运行需要基于npm一定的版本（最好是3.x.x以上），版本低了...
使用vue-cli来创建一个vue项目
MengYan89的博客
02-12 353
大概使用方法官方文档中已经给出了,如下图 首先进行vue-cli的安装，在cmd中执行 npm install --global vue-cli 安装成功 注： npm WARN deprecated coffee-script@1.12.7: CoffeeScript on NPM has moved to "coffeescript" (no hyphen) 这是个警告不影...
使用vue-cli3新建一个项目，并写好基本配置
weixin_34199335的博客
11-20 463
1. 使用vue-cli3新建项目：https://cli.vuejs.org/zh/guide/creating-a-project.html 注意，我这里用gitbash不好选择选项，我就用了基本的cmd（系统命令提示符）：上下箭头和空格键可控制选项。 详细步骤： （1）vue create init： 这里我选择了自定义配置 （2）使用上下箭头和空格进行选择，我这里选...
接口测试平台-18：首页完善和项目模块初窥
weixin_48435804的博客
01-06 347
1. 推广页面 本节课的内容主要是训练循环列表等显示效果，目的是为了让我们接下来做项目列表/接口列表/用例列表铺路。 好，当要设计新增一个实体的时候，是不是不知道要如何下手？ 那么就先要按照这个思路去思考： 数据存在哪？存在数据库，那么就要去models.py中新建一个类作为数据库表 前端的这堆数据展示在哪？展示在home.html中c位 增删改查这些数据去哪？去admin后台 数据怎么传递给前端？后端进入home的哪个函数从数据库提取这些数据然后返回。 好了.
vue-cli创建项目（详情步骤）
青衫折扇的博客
08-22 1459
【代码】vue-cli创建项目（详情步骤）
如何新建一个vue2项目？
06-04
要新建一个 Vue2 项目，可以按照以下步骤进行： 1. 首先，你需要安装 Node.js 和 npm，这是开发 Vue2 项目的前提条件。 2. 安装 Vue CLI，这是一个命令行工具，可以帮助你快速创建 Vue 项目。在命令行中输入以下...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值