vue-cli创建vue项目

最新推荐文章于 2024-06-26 08:24:50 发布
最新推荐文章于 2024-06-26 08:24:50 发布
阅读量189 收藏
点赞数
分类专栏： 前端三框架（Vue为主） 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_39279164/article/details/119059452
版权
本文介绍了如何安装Vue和Vue-cli，以及通过vue-cli创建Vue项目的详细步骤，包括选择项目名、Vue版本、配置项等，帮助开发者快速搭建Vue项目。
摘要由CSDN通过智能技术生成

安装Vue和Vue-cli

1.是否安装了vue以及vue-cli

vue -V

如果出现’vue’ 不是内部或外部命令，也不是可运行的程序或批处理文件，则没有安装。

2.安装vue以及vue-cli

npm install -g vue
npm install -g  @vue/cli

3.检查安装版本

在这里插入图片描述

vue-cli创建vue项目

1.vue create ‘项目名’ 回车创建项目，项目名不能有大写

2.创建项目后的配置

在这里插入图片描述

3.手动选择配置

手

最低0.47元/天 解锁文章
月中行~
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-cli搭建项目
weixin_30815427的博客
08-20 1202
一、全局化安装cnpm 其实对于安装vue-cli，使用npm命令和cnpm命令都是可以的，个人觉得使用npm安装的比较慢，而且很可能会因为网络问题而出错，所以还是觉得使用cnpm稳一点。 npm install cnpm -g --registry=https://registry.npm.taobao.org （1）全局安装 vue-cli ，在命令提示窗口执行： cnpm in...
vue使用vue-cli快速创建工程
01-19
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。 -g代表全局安装。 i就是install的缩写。 其中webpack-simple代表模板的名称。vue-todos是你给自己的项目起的名称，这个随便起...
vue搭建的两种方式
qq_44614115的博客
01-26 975
这里介绍了vue搭建的两种方式，分别通过脚手架以及vue cli 实现
Vue组件生命周期深度剖析：从创建到销毁的八大钩子实战指南
最新发布
啊猪是的读来过倒的博客
06-26 2092
本文将详细介绍Vue组件的生命周期，包括其各个阶段的含义和作用，以及每个阶段所对应的钩子函数的使用方法。我们将逐一解析beforeCreated、created、beforeMount、mounted、beforeUpdate、updated、beforeDestroy和destroyed这八大钩子函数，并通过一个简单的实际代码案例展示它们的具体应用。
手把手教你用vue-cli搭建vue项目
weixin_30768661的博客
12-15 323
手把手教你用vue-cli搭建vue项目 本篇主要是利用vue-cli来搭建vue项目，其中前提是node和npm已经安装好，文章结尾将会简单提到一个简单的例子。使用vue-cli搭建项目最开始我也是看网上的教程一步步搭下来，所以其中的一些步骤说法为了表达正确会进行一定参考。 一、 项目使用技术、框架简单介绍 我们使用vue-cli来搭建整个项目，vue-cli就是一个脚手架，步骤很简单，输入几个...
vue-cli创建应用
看风听雨
04-21 605
vue创建项目 1.首先安装node 64 位安装包下载地址 : https://nodejs.org/dist/v4.4.3/node-v4.4.3-x64.msi 一直next就ok node -v 显示版本，则安装成功 2.安装vue-cli npm install -g vue-cli 如果发生无法安装，请确认是否是权限不足。 如果是权限不足，请在内容前加上 sudo
vue-cli创建项目
weixin_47253648的博客
12-19 788
vue-cli是官方提供的一个脚手架（预先定义好的目录结构以及基础代码，咱们在创建Maven项目可以选择创建一个骨架项目就是脚手架），用于快速生产一个vue的项目模板； 创建vue-cli的一个步骤： 第一步： 使用vue-cli，首先需要环境准备； 需要安装node.js (可以到node.js官网中下载) 安装完成node.js后，打开cmd(建议以管理员的方式打开) node -v 可以查看node.js安装的版本 在安装完node.js后，默认会安装一个npm; npm -v 可以查看np
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
在你的 vue-cli 创建的项目中安装插件，如果没有请参考 vue add multiple-page 命令 以下是此插件的 3 个命令： init-config : 初始化vue.config.js & Views.json两个文件到你的项目 build-multi : 并行构建多个...
vue-cli-plugin-tailwind:Tailwind CSS的vue-cli插件
05-10
入门在您的vue-cli项目文件夹中，通过以下方式添加插件： vue add tailwind选择要生成的Tailwind配置： 无-不会创建一个配置文件。 如果已经有了配置（确保配置PurgeCSS），则很有用。 最小（默认） -将创建一个最小...
vue-cli开发的商城源代码
01-18
在创建项目时，vue-cli会生成一个基本的目录结构，包括src目录（存放源代码）、public目录（存放静态资源）、node_modules（依赖库）、package.json（项目配置文件）等。 在"mall-vue-master"这个项目中，我们可能...
使用vue-cli创建项目
sophiayang1997的博客
10-29 539
用windows寿命真是要缩短了 事先先安装cnpm吧 npm install -g cnpm --registry=http://registry.npm.taobao.org 成功的栗子记录下： cd  d:\web vue init webpack vue-project cd vue-project cnpm install npm run de
用vue-cli创建vue工程
Be yourself,everyone else is already taken
05-10 114
选择最后一个 这里选css或者Less都行 这里选less 最后这个是问你是否保存以上的操作并且以后创建就是直接创建上面格式的vue项目，如果点击no的话，以后创建还要从头配置过。
vue-cli创建第一个项目
King Saj
05-27 172
如果你还没有安装 VueCLI，请执行下面的命令安装或是升级 npm install --global @vue/cli
vue-cli的搭建
m0_72694993的博客
09-08 899
2.安装cli 通过npm install @vue/cli -g 进行安装cli，通过npm下载网络容易不好，报错的话多试几次。3.安装结束后通过vue --version或者vue -V检查是否安装cli以及cli的版本号。初始创建的App.vue是这样的，其中style里边是样式，在template里边是他的内容，3.通过vue create创建项目，在指定的目录终端下输入vue create 项目名称。在指定的文件夹目录下的集成终端下输入ui会弹出一个网页，我们点击左下角的home，
用vue-cli创建一个vue项目从0到1
゛Pudding
05-20 147
1、先全局安装node.js，选择自己需要下载的版本即可 node.js下载地址https://nodejs.org 查看一下当前node版本，输出版本号则安装成功node -v 检查一下npm包，输出版本号则安装成功npm -v npm有局限性，安装cnpm淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org 2、等待npm安装完成后，安装vue-cli vue-cli安装命令cnpm install -
脚手架vue-cli创建Vue项目手把手教学
H524268015wsw的博客
11-18 4071
Default是默认选择（vue2,vue3）,Manually select features 是自己手动选择，可以选择你需要的。通常都是自己手动选择,键盘上下键选择，enter确定。用vue -V检查版本，如果出现“vue” 不是内部或外部命令，也不是可运行的程序或批处理文件，就说明你电脑没有安装vue。像这种要选择yes还是no的一般情况下都是选择no，可以避免下次写特殊项目不好配置。再然后也是一些选项，按照翻译选择自己需要的，我这里选的倒数第二个。选择自己需要的以后，按下回车再次选择自己需要的。
vue-cli创建项目，适合初学者
weixin_43081250的博客
05-26 136
使用vue-cli创建项目 1、安装node.js 官网下载：https://nodejs.org/zh-cn/ 2、全局安装vue-cli 命令：npm install -g @vue/cli 3、查看版本 命令：vue --version 4、创建项目 命令：vue create my-project 5、安装路由 router 命令：vue add router 自动创建router文件夹 npm install vue-router --save 不会自动创建router文件夹 6、安装vueX
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值