vue-cli创建项目流程

最新推荐文章于 2024-04-27 16:37:24 发布
最新推荐文章于 2024-04-27 16:37:24 发布
阅读量78 收藏
点赞数
文章标签： 前端 javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_73075579/article/details/130578646
版权

当前环境版本配置如下：

1.创建放置项目的文件夹

2.打开文件夹，调出命令窗口

如图所示，在我们创建的Web文件夹内进行我们的操作

3.输入创建命令，“vue create 项目名称” 

4.选择搭建方式，这里我们选择第三个，自定义搭建，方向键上下移动，空格选中，enter进入下一步

 

5.选择项目所需要的组件

 

最低0.47元/天 解锁文章
栖柚与苏璃
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-cli搭建项目
weixin_30815427的博客
08-20 1193
一、全局化安装cnpm 其实对于安装vue-cli，使用npm命令和cnpm命令都是可以的，个人觉得使用npm安装的比较慢，而且很可能会因为网络问题而出错，所以还是觉得使用cnpm稳一点。 npm install cnpm -g --registry=https://registry.npm.taobao.org （1）全局安装 vue-cli ，在命令提示窗口执行： cnpm in...
vue-cli开发的商城源代码
01-18
在创建项目时，vue-cli会生成一个基本的目录结构，包括src目录（存放源代码）、public目录（存放静态资源）、node_modules（依赖库）、package.json（项目配置文件）等。 在"mall-vue-master"这个项目中，我们可能...
Vue-cil 创建项目
sinat_42501006的博客
02-22 351
node下载 cmd打开小黑框 node -v，npm -v查看是否安装成功 命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org cnpm install -g vue-cli cnpm install webpack -g 开发工具 npm install 运行项目 npm run dev ...
【Vue】如何创建一个Vue-cli程序
最新发布
qq_51933234的博客
04-27 331
官网地址。
vue-cli创建vue项目
m0_63057114的博客
03-16 237
1.首先检查一下是否安装了vue以及vue-cli，2.安装vue以及vue-cli，3.用脚手架（vue-cli）vue-cli创建项目...
vue cil 搭建vue项目
bibks的博客
06-14 684
1.全局安装vue-clinpm install vue-cli -g2.webpack 创建 项目vue init webpack project 3.进入到项目cd projectcd project4.运行项目vue项目npm run dev通过以上4步vue项目就保存了
使用vue-cli创建项目的图文教程(新手入门篇)
08-27
使用 Vue CLI 创建项目的图文教程（新手入门篇） 本文主要介绍了使用 Vue CLI 创建项目的图文教程，旨在帮助完全不了解 Vue 和 npm 的小白快速入门。下面是相关知识点的详细解释： 一、安装 Node.js 和 npm * ...
vue-plugin-cli
04-02
"vue-plugin-cli"很可能是指一个创建和管理Vue CLI插件的工具，可能是为了方便开发者自定义他们的开发环境或者提供特定的工作流程。 在JavaScript的世界里，插件是一种常见的机制，它允许用户通过安装额外的代码来...
vue-cli生成的基本项目
02-11
当你运行`vue init webpack myproject`命令时，Vue CLI会根据`webpack`模板创建一个新的项目，命名为`myproject`。Webpack是一个强大的模块打包工具，它能够处理JavaScript、CSS、图片等资源，并将它们打包成优化过...
详解Vue-cli3 项目在安卓低版本系统和IE上白屏问题解决
10-17
在使用 Vue-cli3 创建的项目中，可能会遇到在安卓低版本系统或 Internet Explorer（IE）浏览器上出现白屏的问题。这通常是由于这些老旧平台不支持 ES6 以上的语法和某些新特性导致的。为了解决这个问题，我们需要...
vue项目搭建
01-08
一、安装node环境 1、安装：node地址（对应下载64位msi，安装即可）； 2、测试安装是否成功：cmd中检测版本及是否安装成功：输入命令node -v 3、npm：安装node时会将npm一并安装了，在cmd中检测版本：输入命令npm -v 二、vue-cil 搭建项目 1、全局安装vue-cil : npm install -g vue-cli 2、项目初始化： 若vue非命令，则需要配置下环境变量（去网上搜一下vue环境变量配置，这里不做解答） 3、项目安装依赖包：cnpm i 4、项目运行：npm run dev 5、项目打包: npm run build 根目录下会出
脚手架vue-cli创建Vue项目手把手教学
H524268015wsw的博客
11-18 3819
Default是默认选择（vue2,vue3）,Manually select features 是自己手动选择，可以选择你需要的。通常都是自己手动选择,键盘上下键选择，enter确定。用vue -V检查版本，如果出现“vue” 不是内部或外部命令，也不是可运行的程序或批处理文件，就说明你电脑没有安装vue。像这种要选择yes还是no的一般情况下都是选择no，可以避免下次写特殊项目不好配置。再然后也是一些选项，按照翻译选择自己需要的，我这里选的倒数第二个。选择自己需要的以后，按下回车再次选择自己需要的。
使用 Vue CLI 创建项目
qq994849611的博客
03-07 342
npm install --global @vue/cli // 全局安装脚手架 vue create toutiao-m // 创建项目 选择manually：自定义勾选特性配置，选择完毕之后，才会进入装包 等待安装完成 2、加入 Git 版本管理（省略） 3、调整初始目录结构 默认生成的目录结构不满足我们的开发需求，所以这里需要做一些自定义改动。 这里主要就是下面的两个工作： 删除初始化的默认文件 新增调整我们需要的目录结构 ...
Vue CLI创建项目
onepiece1991的博客
06-28 298
Vue CLI创建项目配置
技术文档（1）vue-cli创建项目
dugujiuding的博客
03-16 2607
vue-cli创建项目
使用 Vue-cli 创建项目
weixin_53156345的博客
05-05 1023
外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vjcxSwAK-1683203828586)(D:\杂物房\笔记\和项目相关\image\dong.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ITkxqy8a-1683203828586)(D:\杂物房\笔记\和项目相关\image\wen.png)]​ 通过 ↑↓ 箭头选择依赖，按 “空格” 是否选中，按 “a” 全选，按 “i” 反选。如果有需要的可以选择 “y”
Vue-cli（基于cli如何创建项目）最详细教程，手把手教学
分享java学习路上的一些笔记，不足之处多多见谅。
06-14 5463
Vue-cli（基于cli如何创建项目）最详细教程，手把手教学
Vue CLI创建Vue项目详细步骤
mingfeng4923的博客
08-17 4427
通过这些步骤，您已经成功地使用Vue CLI创建了一个新的Vue项目，根据项目需求进行了相应的配置。这里的意思是问你本次项目是否采用history模式，如果选择Y,需要后台配置具体看vueRouter官网解释，这里我门选择 n。这里是问你是否记录这次配置选择，选择之后会让你为这次配置起一个名字，这样下次可以直接快速配置选择，最后回车后就会初始化项目了。这里的意思是问你选择哪一种CSS预处理语言，我的项目中一般使用的是SCSS我选择第一个。创建过程中，您将进入一个交互式的选择界面，根据您的需求进行配置。
vue -cli创建项目以及特点
04-04
Vue-cli是一个用于创建Vue.js项目的脚手架工具。它提供了一些现代化的工具和开发环境，使得开发者可以更加轻松快速地构建Vue.js应用程序。Vue-cli的特点如下： 1. 快速创建Vue.js项目：Vue-cli提供了快速创建Vue.js项目的命令行工具，可以在几分钟内完成项目的创建。 2. 集成Webpack：Vue-cli集成了Webpack，可以自动化构建、打包和压缩Vue.js应用程序。 3. 支持ES6/ES7：Vue-cli支持ES6/ES7的语法，可以让开发者使用最新的JavaScript特性。 4. 支持Vue.js插件和组件：Vue-cli提供了一些常用的Vue.js插件和组件，可以快速集成到项目中。 5. 支持自定义配置：Vue-cli提供了易于使用的配置文件，可以轻松地进行自定义配置。 6. 简化开发流程：Vue-cli可以自动化生成Vue.js组件、路由和状态管理代码，简化开发流程。 7. 易于使用：Vue-cli提供了友好的命令行界面和文档，使得开发者可以轻松上手使用。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值