Vue初始化脚手架

最新推荐文章于 2024-08-12 21:06:23 发布
最新推荐文章于 2024-08-12 21:06:23 发布
阅读量112 收藏
点赞数
分类专栏： vue 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/YG_zhh/article/details/128618772
版权

尚硅谷教程

B站视频教程
在这里插入图片描述

一、全局安装vue

之前安装过得可以跳过，可以在CMD命令中输入vue -V查看是否安装和安装版本

二、切换到要创建项目的目录

可以通过输入cd/d E:\study…进入到要选的目录下
进入目录后输入 vue create 文件名
弹出
在这里插入图片描述
可以选择vue2或vue3
注意：使用CMD命令时以管理员身份进入，否则可以会报错
在这里插入图片描述

三、运行程序

npm run dev
会点儿_GISer
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue学习之初始化脚手架
AtlantisPrincess的博客
06-05 403
Vue学习之脚手架初始化
vue初始化项目.txt
08-04
1、初始化项目模板： vue init webpack-simple yunshi-approve 或者 vue init webpack yunshi-approve 2、安装npm cd yunshi-approve 3、安装项目所需要的依赖： npm install 或 cnpm install 4、运行看效果...
Vue 脚手架CLI 初始化项目
有勇气的牛排博客
02-07 1344
1 介绍 CLI是Command-Line Interface，翻译为命令行界面，但是俗称脚手架。 Vue CLI是一个官方发布vue.js项目脚手架 使用vue-cli可以快速搭建vue开发环境以及对应的webpack配置。 使用vue-cli可以快速搭建vue开发环境以及对应的webpack配置 2 Vue CLI使用前提 Webpack Vue.js官方脚手架工具就使用了webpack模板 对所有的资源会压缩等优化操作 它在开发的过程中提供了一套完整的功能，能够使得我们开发
使用 Vue 官方脚手架初始化 Vue3 项目
最新发布
赵士杰——成功并非一蹴而就，而是在持之以恒的努力中逐渐实现。
08-12 1694
使用 Vue 官方脚手架初始化 Vue3 项目： 1. 安装 Node 环境 2. 切换 NPM 镜像源 3. 安装 Pnpm 包管理工具 4. 使用 Vue 官方脚手架初始化项目 5. 认识 Vue 项目目录结构 6. 统一包管理器工具下载依赖 7. 项目环境变量配置 8. 安装 Element Plus 9. 集成 sass 配置全局变量 10. 清除浏览器默认样式 11. 安装 Tailwind CSS 12. 封装 SvgIcon 组件 13. 安装 Piana 持久化插件
vue-cli 脚手架初始化项目
m0_53399639的博客
06-12 273
1. node + webpack +淘宝镜像2. 在项目根目录中 在终端里初始化项目 vue create 项目名称3.node_modules文件夹中放置： 项目依赖文件夹4.public文件夹：一般放置一些静态资源（图片），需要注意，放在public文件夹中的静态资源，webpack进行打包的时候，会原封不动打包到dist文件夹中。5.src文件夹（程序员源代码文件夹）： 1) assets文件夹：一般也是放置的是静态资源（一般放置多个组件公用的资源），需要注意，放置在assets文件夹
vue-cli脚手架初始化项目
zsl2010zsl的专栏
05-09 175
环境 node + webpack +淘宝镜像 1 创建项目 vue create app node-modules文件夹：项目依赖文件夹 public文件夹：一般防止一些静态资源（图片），需要注意，放在public文件夹中的静态资源，webpack进行打包的时候，会原封不动打包到dist文件夹。 src文件夹（程序员源代码文件夹）： assets文件夹：一般也是放置静态资源（一般放置多个组件共用的静态资源），需要追，放置在assets文件夹里面的静态资源，在webpack打包的时候，webp
详解使用vue-cli脚手架初始化Vue项目下的项目结构
11-28
它极大地简化了Vue项目的初始化和配置过程，为开发者提供了现代化的前端开发流程。Vue CLI支持快速创建新项目，内置热重载、静态检查等功能，并且能够生成适合生产环境的构建配置。 使用Vue CLI的优势主要包括以下...
详解vue组件开发脚手架
12-04
总的来说，Vue 组件开发脚手架极大地简化了组件开发流程，使得开发者可以专注于组件本身的功能实现，而不是繁琐的项目初始化工作。通过自定义组件，你可以构建出高度模块化的 Vue 应用，提高代码复用性和可维护性。
vue脚手架vue脚手架vue脚手架vue脚手架vue脚手架
04-26
Vue脚手架（Vue CLI）是Vue.js官方提供的一个命令行工具，用于快速搭建 Vue 项目，它极大地简化了项目的初始化过程，帮助开发者设置和配置项目环境，提高开发效率。 Vue CLI 提供了丰富的预设选项，包括Webpack配置...
解决vue初始化项目时,一直卡在Project description上的问题
10-16
在初学者使用Vue进行项目开发时，可能会遇到各种问题，其中一种常见的问题是项目初始化时被卡在“Project description”步骤。这个问题通常意味着用户在创建新Vue项目时，配置或依赖管理出现了问题。 首先，我们...
Vue之初始化脚手架
技术小白=-=的博客
07-19 187
初始化脚手架
vue-cli2脚手架初始化项目
qq_44712405的博客
07-12 328
一、安装node.js 下载路径：http://nodejs.cn/download/ 一路下一步就好 检查是否安装成功 node -v npm-v 二、vue-cli 脚手架安装 地址栏输入cmd 执行命令 npm install -g vue-cli 如果是vue-cli3，则执行npm install -g @vue/cli 三、初始化项...
vue-cli脚手架初始化项目和路由组件搭建
2301_76153828的博客
03-16 103
初始化 vue create 加项目名字。
使用vue脚手架初始化vue项目方式
Asher_lm的博客
12-17 362
主要是对于vue脚手架的初始化的构造
初始化Vue项目安装脚手架
dj1955的博客
07-18 272
初始化 vue
Vue-cli脚手架初始化项目
Victor_1997的博客
02-22 162
首先创建项目文件夹，进入文件夹后输入cmd打开命令行输入vue create app会弹出以下指令，这里我选择的是vue2版本，输入回车之后项目就创建好了。 创建好的项目用VScode打开后如下图，其中node_modeles文件夹是项目依赖，public文件夹是一些静态资源，src文件夹是源代码文件夹，babel.config.js是babel相关的配置文件，package.json是记录项目的文件，package-lock.json是缓存性文件，README.md是说明性文件。 其中src文
Vue环境搭建与项目初始化详解：NPM、Webpack与vue-cli
接着，我们学习了如何使用Vue CLI（Vue创建工具），它是一个脚手架工具，能够快速生成一个初始的Vue项目结构，包括必要的依赖库和配置，简化了项目的初始化过程。只需使用`npm install -g vue-cli`或`npm install ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值