创建vue项目安装脚手架

最新推荐文章于 2025-01-14 06:03:18 发布
最新推荐文章于 2025-01-14 06:03:18 发布
阅读量307 收藏
点赞数 3
文章标签： node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_59664504/article/details/127018378
版权
这篇博客介绍了如何使用Node.js、Vue CLI来创建一个新的Vue.js项目。首先，通过`node -v`和`vue -V`检查版本信息。接着，使用`npm install -g @vue/cli@5.0.4`安装Vue脚手架。然后，通过`vue create +项目名`创建项目，`cd 项目名`进入项目目录，并用`npm run serve`启动本地开发服务器，让项目运行起来。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

d：打开D盘

-v，查版本信息

node -v，查node

npm install -g @vue/clic@5.0.4   安装vue脚手架

vue -V  v是大写

vue create   +项目名    创建项目

cd 项目名   进入项目

npm run serve    让项目跑起来

 

 

林寒的猫
关注
Vue脚手架搭建以及创建Vue项目流程
weixin_68658847的博客
04-25 3万+
Vue脚手架的创建以及用脚手架创建项目的全套流程
Vue2.0快速上手-重要知识点罗列-系列一
JackieDYH的博客
07-31 1523
Vue2.0快速上手 脚手架文件结构 ├── node_modules ├── public │ ├── favicon.ico: 页签图标 │ └── index.html: 主页面 ├── src │ ├── assets: 存放静态资源 │ │ └── logo.png │ │── component: 存放组件 │ │ └── HelloWorld.vue │ │── App.vue: 汇总所有组件 │ │── main.js: 入口文件 ├── .giti
@vue/cli 5.0.4引入bootstrap的方法
weixin_45995139的博客
05-14 1077
说明： 新版本的脚手架中没有build目录，安装bootstrap的方法和旧版本脚手架安装bootstrap的方法略有不同，为避免笔者忘记新版本如何安装脚手架作此文。 1. 查看当前脚手架版本： 在命令行中输入vue -V可以查看到当前脚手架版本 （查看脚手架版本之前需要先确定电脑中已经安装node环境“node -v”与JavaScript生态包"npm -v"了） 在命令行中看到脚手架版本超过2.0，即可使用本文安装bootstrap的方法 如果电脑中没有安装脚手架在命令行中执行"cnp
创建vue项目
sayyy的专栏
04-03 2814
前言 nodjs v14.16.1 (在Windows系统安装Nodejs、在Linux系统安装Nodejs) @vue/cli 5.0.4 （安装新版本vue-cli：@vue/cli） 创建一个项目 命令： vue create hello-world 执行过程： cmd> vue create hello-world ? Your connection to the default npm registry seems to be slow. Use https://registr
vue总结
Kit_pengji的博客
08-24 243
vue 第一天 ​ vue 属于 mvvm ，是mvc的一种变体，M是moudle 数据层，V是视图层，VM就是把 M和 V建立起来通讯。 ​ vue的理解，就是用new出来的 实例 vue来控制一块html 的渲染。 ​ vue的使用，引入vue.js 再在script里实例化vue 就是new出来 如下： //引入 vue.js let vm = new Vue({ el:'xx'//这个xx表示你想要控制渲染的这块区域 data：{ //data 里面用来定义数据，并且是具有响应式的
集成VueCli5各种功能与插件（一）安装
wstsfbj的博客
04-14 1438
安装：npm install -g @vue/cli 升级：npm update -g @vue/cli 卸载：npm uninstall -g @vue/cli 查看版本 vue -V 或 vue --version 本文章使用版本为@vue/cli 5.0.4 下一章节：集成VueCli5各种功能与插件（二）创建新项目 ...
分析 Vue CLI 5源码（基于最新版源码进行分析！）
Emily's Blog
06-10 2120
一、分析什么是脚手架，为什么要用脚手架，如何实现一个脚手架，以及常见的脚手架集成方案。二、理解 Vue CLI 的核心思想，针对其核心思想进行源码分析，最后做了相关的总结
Vue 安装 vue-cli 脚手架 & 创建 vue 项目
01-06
windows vue vue-cli 安装 macos 前往 node.js 官网下载 MacOS 版然后无脑下一步。安装完成后验证一下。 node -v # 验证 nodejs 版本 npm -v # 验证 npm 版本 切换 npm 为淘宝源。 // 切换到淘宝镜像 npm config ...
Vue脚手架搭建以及创建Vue项目流程_脚手架创建vue项目
最新发布
2401_89609610的博客
01-14 1476
node_cache和node_global是后面创建的文件夹，后面有讲到，创建的位置，我在这里放到了node.js文件夹下，也可以自定义文件夹路径四个path分别代表：添加了NODE_PATH这个变量名，添加这个名下面的两个文件夹等，最后那个路径也要配一下，不然安装淘宝镜像会有问题效果：提示：如果碰到下面情况可能原因：可能是C:\Users\Administrator(users)目录下的.npmrc里的配置问题,把里面的文件改成自己需要的路径，比如我想放到node.js文件夹下。
[VUE]通过脚手架创建Vue项目
Lailalalala的博客
08-08 426
Vue.cli创建Vue项目
图文讲解用vue-cli脚手架创建vue项目步骤
10-17
接下来，我们将详细探讨如何使用Vue CLI创建Vue项目。 **一、安装Vue CLI** 在开始之前，确保你的计算机上已经安装了Node.js，因为Vue CLI是基于Node.js的。你可以通过运行`node -v`检查是否已安装。如果没有，你...
vue.js应用开发笔记
03-01
1、项目搭建使用vue-cli脚手架，首先必须安装vue、vue-cli：cnpmivuevue-cli-g，全局安装完成之后我们便可以使用vue-cli脚手架进行项目结构搭建，具体如下：vueinitwebpackfrontend，如下：这里我们环境部分选择“运行环境+编译环境”，这样，后面直接可以使用webpack进行编译后部署，十分方便，再继续：一般每个团队都有自己的代码规范，这时候打开eslint，配置自己团队的代码规范就显得尤为重要，下面说下vscode编辑器下如何配置eslint，在之前项目基础上我们配置下eslint，首先是vscode安装eslint插件：然后在用户设置栏配置具
vue cli更换版本
【叫我姜同学】的个人博客
07-16 5892
vue 更换版本
vue脚手架(vue-cli)详细安装过程
热门推荐
学习，是熵减的最有效途径。
08-16 4万+
CLI，俗称脚手架。全称是。vue-cli 是vue官方发布的开发vue项目的脚手架。vue脚手架用于自动生成vue和webpack的项目模板，是一个快速构建vue项目的工具，可以自动安装vue所需要的插件，避免手动安装各种插件、逐个引入的麻烦。以及自动配置webpack，之前我们都是手动配置webpack。首先是特别的繁琐，而且有一个很明显的问题是版本问题。版本不对可能就报错。以后这些事儿都交给我们的cli，他会自动帮助我们配置webpack。...
@vue/cli 5.0.4+“cesium“: “^1.98.1“
josiecici的博客
10-13 620
vue+cesium原生-npm方式
Vue脚手架的使用（Vue CLI）
A____t的博客
04-26 1846
Vue CLI
vue3知识点5.0脚手架c-li4.5安装vue/两种方式创建vuec-li项目
yangyangdt的博客
12-23 2058
vue3脚手架c-li安装vue/创建vue-cli3项目
Vuecli4 脚手架的安装----细解
俗人世界
07-28 923
Vuecli4 脚手架的安装----细解
vscode搭建vue开发环境(vue入门)
JSH的博客
03-20 2万+
一.安装VScode 从官网下载，安装就行。以下操作在win+r -> cmd 命令行界面讲解， 在vscode中就是在项目空白处右键open in Integrated Terminal(在内部终端中打开)执行即可。 二.安装node.js 从nodejs官网下载。安装就行。 安装完成之后，可以在命令行中输入node -v ，如果出现相应的版本号，则说明安装成功。 npm包管理器，是集成在node中的，所以，直接输入 npm -v就会如下图所示，显示出npm的版本信息。 其中npm
vue项目安装脚手架步骤
03-26
1. 确保本地环境已经安装了node.js和npm包管理器。 2. 打开终端（Windows用户为命令行工具），输入...注意：以上仅是简单的安装脚手架并创建一个项目的流程，开发一个完整的vue项目还需掌握vue的基本语法和开发技巧。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值