Vue-cli创建项目

已于 2024-01-21 18:14:34 修改
阅读量111 收藏 1
点赞数 1
分类专栏： Vue 文章标签： vue.js javascript 前端 npm 前端框架
于 2023-04-25 09:55:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_45908140/article/details/130357526
版权

使用Vue-cli创建项目

1. 安装node.js

  1. 下载最新版本
    https://nodejs.org/en/download node下载地址
    在这里插入图片描述

  2. 更换以往版本
    选择要下载的版本点击发布
    在这里插入图片描述
    在这里插入图片描述
    在这里插入图片描述
    把下载的node.exe文件替换之前的node.exe
    查找文件所在位置
    where node
    在这里插入图片描述
    在这里插入图片描述

  3. 查看node版本 npm版本
    node -v npm -v
    在这里插入图片描述

2. 安装vue指令 和vue-cli

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

3.创建项目

  1. 进入想要创建项目的文件夹
    在此处输入cmd 回车
    在这里插入图片描述
  2. 执行 vue create 项目名称
    在这里插入图片描述
  3. 选择创建vue2.0还是vue3.0项目
    在这里插入图片描述
    在这里插入图片描述
  4. cd 项目名进入项目
    在这里插入图片描述
  5. 执行 nmp run serve 启动项目
    在这里插入图片描述
  6. 浏览器输入http://localhost:8080/打开项目
    在这里插入图片描述
狗狗摇屁屁
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
2024年使用vue-cli（vue脚手架）快速搭建项目，前端音频框架
2401_84435686的博客
05-06 598
什么时候使用箭头console.log(“我是csdn哪吒”);}, 1000)console.log(“我是csdn哪吒”);}, 1000)面试题千万不要死记，一定要自己理解，用自己的方式表达出来，在这里预祝各位成功拿下自己心仪的offer。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】0, 30));// }面试题千万不要死记，一定要自己理解，用自己的方式表达出来，在这里预祝各位成功拿下自己心仪的offer。
vue使用vue-cli快速创建工程
01-19
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。 -g代表全局安装。 i就是install的缩写。 其中webpack-simple代表模板的名称。vue-todos是你给自己的项目起的名称，这个随便起...
vue创建一个cli项目
qq_52139881的博客
03-05 210
1.安装node.js 从 node 官网 直接下载（可以自己调整一个环境目录）一直安装即可（会自动配置 path 环境变量，不像某些 Java 害 搞半天），安装后，打开命令行工具（win+R），输入 node -v 查看版本，出现版本号则成功。注意：（下载完完 node 是自带 npm 的，可以使用 npm -v 查看）。 但是我们还要安装 npm 国内的镜像 - cnpm，因为有些资源被屏蔽或是国外的原因。 可以打开文件管理器查看隐藏目录，要先将 查看中的选项确认。 就会发现 C盘->用户
vue-cli(Vue CLI 2)创建项目
motor_tang的博客
01-11 163
使用vue-cli(Vue CLI2)创建一个Vue(vue2.x版本)项目 注意: 前提是node、vue-cli都安装好的情况下 1. 执行 “ vue init wepback project ”命令;如图所示 2. 进入创建好的项目目录文件夹, 执行 " npm i "命令安装依赖; 3. 第二步完成之后,执行" npm run dev "命令, 启动项目 4. 在浏览器地址栏中输入: http://localhost:8080...
关于创建一个vue-cli项目
max_or_min的博客
06-21 58
使用这两条命令的一条安装vue-cli npm install -g @vue/cli //or yarn global add @vue/cli 创建一个基于 webpack 模板的新项目 vue init webpack (my-project 项目名字) 配置选项 如图 配置好package.json文件里的 "scripts": { "serve": "vue-cli-service serve", "build": "vue-cli..
技术文档（1）vue-cli创建项目
dugujiuding的博客
03-16 2601
vue-cli创建项目
⒖ Vue/cli 构建项目
CRMEB小程序商城的博客
01-19 1118
Vue/cli 构建项目 坚持写作vue系列让我自己收获很多，对之前很多理解不透彻的地方又多了一些理解，也试图将自己的理解变成文字分享给更多的人，无奈文字功底有限，有些地方可能表达的不是很清楚，还望各位读者多多包含，同时希望大家能给予指摘改正。 掘金系列地址：https://juejin.cn/user/2963939080275613/posts 前14篇基本上写完了vue2.6版基础的所有内容，下来的几篇将进入vue的生态周边，vue-router以及vuex，当然下来的章节我们将不会单纯的用htm
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
Vue-cli创建项目从单页面到多页面的方法
08-29
本篇文章主要介绍了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创建项目的图文教程(新手入门篇)
01-21
使用npm 与vue-cli 构建vue 项目 第一步：安装运行环境（node与npm） nodeJ官网：http://nodejs.cn/下载安装包( 安装) 安装完成后，需要检测是否安装成功 使用命令行cmd 打开dos 黑窗口，运行 node -v 和 npm –v，...
用Vue-cli从头搭建项目
Army-海军的博客
05-29 1万+
cli 顾名思义，脚手架的意思。通过一些命令行工具，帮你配置好项目开发运行环境，打包全过程，最后只关注你的逻辑代码部分。基于webpack.
史上最详细cli创建vue项目步骤，创建vue项目，vue使用cli创建项目，创建vue3项目
imkaifan的博客
12-14 820
史上最详细cli创建vue项目步骤，创建vue项目，vue使用cli创建项目，创建vue3项目
基于vue-cli 3.x/@vue/cli构建vue项目
guangcaiwudong的博客
09-22 196
为区别老版本的vue-cli 2.x，vue-cli 3.x已经更换为@vue/cli 安装@vue/cli 如果已经安装了旧版本的vue-cli，需要先卸载 npm uninstall vue-cli -g 或者 yarn global remove vue-cli 卸载成功后进行安装 npm install -g @vue/cli 或者 yarn global add @vue/cli 查看版本 vue --version 创建项目 1）通过指令构建 vue create hello-world
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（基于cli如何创建项目）最详细教程，手把手教学
最新发布
分享java学习路上的一些笔记，不足之处多多见谅。
06-14 5434
Vue-cli（基于cli如何创建项目）最详细教程，手把手教学
Vue基础知识总结 10：使用vue-cli（vue脚手架）快速搭建项目
热门推荐
学Java，找哪吒
10-08 4万+
???? Java学习路线：搬砖工逆袭Java架构师 ???? 简介：Java领域优质创作者????、CSDN哪吒公众号作者✌ 、Java架构师奋斗者???? ???? 扫描主页左侧二维码，加入群聊，一起学习、一起进步 ???? 欢迎点赞 ???? 收藏 ⭐留言 ???? ...
如何创建 vue-cli 项目
weixin_62897746的博客
09-24 3004
官网直接下载并安装node，安装过程很简单一路下一步就行，安装完成后打开命令行（window+r,输入cmd），输入node-v 如下图出现版本号则成功。打开命令行输入：npm install vue-cli -g，安装完成后输入 vue-V（这里的‘V’是大写），如下图如果出现对应的版本号则安装成功。通过上面两步，我们需要的环境和工具都准备好了，接下来就使用vue-cli来创建项目。以上就是安装vue-cli的全过程，后续会持续发布新文章，敬请关注。
从零开始用vue-cli搭建vue项目，附模板代码
a2285786446的博客
02-27 2013
vue-cli搭建前端项目
vue-cli创建项目
05-30
要使用vue-cli创建项目，你需要先安装Node.js和npm，然后使用npm安装vue-cli。以下是创建Vue项目的步骤： 1. 打开终端并输入以下命令来安装vue-cli：`npm install -g vue-cli` 2. 创建一个新的Vue项目，可以使用以下命令：`vue create my-project`。这将提示你选择一个预设配置，你可以选择手动配置或使用默认配置。 3. 进入到项目目录，使用以下命令来启动开发服务器：`npm run serve`。这将启动一个本地开发服务器，你可以在浏览器中访问http://localhost:8080来查看你的应用程序。 4. 编辑你的代码并保存，你将会看到浏览器自动刷新并显示你的更改。 以上是使用vue-cli快速创建一个Vue项目的基本步骤。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值