初始化vue项目及文件介绍

最新推荐文章于 2023-05-31 13:46:10 发布
最新推荐文章于 2023-05-31 13:46:10 发布
阅读量260 收藏 1
点赞数
分类专栏： Vue 文章标签： vue
原文链接：https://www.bilibili.com/video/BV1Vf4y1T7bw?p=2&vd_source=ac186fc7ff127b18b6c40791b30bb616
版权

初始化Vue项目

前提是电脑上node环境、webpack、淘宝镜像（安装环境会快一点）

Vue初始化项目过程详解

一、新建一个文件夹，来装项目

然后打开项目文件，cmd打开命令行

二、命令创建步骤

1.输入create vue app，然后等待进度条初始化成功

app表示项目名称，自定义即可，选择vue2版本的

在这里插入图片描述

2.创建成功后就是这样

在这里插入图片描述

介绍

在这里插入图片描述

头发还多
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue环境搭建、项目初始化
02-03
在本文中，我们将详细介绍 Vue 环境搭建和项目初始化的过程，从 Node.js 的安装到 Vue 项目的创建，包括了 NPM、Webpack、Vue-CLI 等工具的使用。 一、 Node.js 的安装 Node.js 是一个基于 Chrome V8 引擎的 ...
Vue 项目的执行流程
最新发布
m0_69057918的博客
12-07 769
vue项目执行流程
vue2项目的初始化搭建流程
m0_67911008的博客
05-31 2991
文章旨在vue2项目的初始化搭建流程——包含vue-router，axios，vuex，element-ul配置。使用部分该文章vue2项目的初始化搭建流程是在node已经成功安装配置的条件下，不再展开赘述node的安装，环境配置。
超详细-vue3项目初始化配置流程（全流程注释说明）
二三的博客
07-13 9462
1. 安装Vue脚手架 npm install -g @vue/cli 或者 yarn global add @vue/cli 2. 查看vue版本 vue --version 3. 利用vue-cli创建项目 vue create 项目名
vue初始化项目
m0_69921595的博客
05-20 102
安装 npm install -g cnpm --registry=https://registry.npm.taobao.org。设置 npm config set registry https://registry.npm.taobao.org。在想要创建项目的文件夹下 cmd。3.cnpm -v查看是否安装成功。vue create 项目名。1.下载node.js。4.安装vue/cli。
vue初始化（命令行方式）
C90283的博客
11-14 9144
VUE项目初始化步骤命令 1，安装Node.js; Window安装包 Mac安装包 检查是否安装成功 node -v 显示版本即成功，如图： 2，安装vue-cli脚手架； 打开命令行窗口cmd（window+R,输入cmd后Enter） 在cmd下执行命令 cnpm install vue-cli -g 安装成功如图 3，初始化项目文件夹； 在你准备建项目的文件夹打开cmd 执行命令 vue init webpack vue-project(注：vue-project是自定义项目名称) 如图： 初
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项目的初始化过程中出现错误
01-08
1.项目运行 cd projectname npm run dev 报错：‘webpack-dev-server’ 不是内部或外部命令，也不是可运行的程序 或批处理文件。 解决：重新npm install  报错1：npm ERR! code Z_BUF_ERROR  解决1：npm cache ...
详解使用vue-cli脚手架初始化Vue项目下的项目结构
08-27
在本文中，我们将详细介绍使用vue-cli脚手架初始化Vue项目下的项目结构。vue-cli是Vue提供的一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。 vue-...
vue初始化的空白项目
06-22
在这个“vue初始化的空白项目”中，我们可以看到几个关键文件和目录，它们构成了一个基础的Vue应用结构。让我们逐一解析每个文件和目录的作用： 1. `.gitignore`：这是一个Git版本控制系统使用的文件，它定义了在...
自用 vue初始化
LeiV587的博客
11-13 190
自用vue初始化
Vue初始化项目步骤
m0_67805754的博客
05-07 6834
一.查看并设置镜像地址(提高下载速度) npm config get registry #查看镜像地址 如果镜像地址不是淘宝镜像地址,为了提高下载速度,就需要输入如下命令设置为淘宝镜像地址: npm config set registry https://registry.npm.taobao.org/ #设置淘宝镜像地址 二.全局安装vue/cli(必要) npm i -g @vue/cli 三.检查是否安装成功 npm -V 四.创建项目文件(必要) vue create 文件名 五
初始化Vue项目步骤（包含nodejs安装）
l22_23的博客
09-29 1754
初步vue的安装步骤
初始化创建Vue项目步骤
Tc、zyh的博客
06-10 8063
一、项目创建 1.安装 node和npm 1.首先安装node，因为都已经安装过node了，所以npm自带。 1.检查node版本 node -v 2.检查npm 版本 npm -v 2.国外的npm地址太慢，切换npm国内镜像 npm config set registry=https://registry.npm.taobao.org/ 3.查看地址是否成功可以通过npm config get registry npm config get registry 2.安装 vue-cli 脚手
Vue3组件初始化流程(三): 验证对createApp以及mount的分析，并总结初始化流程 [Vue3源码系列_xiaolu]
小鹿的博客
04-03 1151
搭建验证环境 这一章我们来验证前两章的分析 首先，在packages/vue/expample下面新建一个文件index.html index.html 路径: core\packages\vue\examples\init.html <div id="app"> <h1>{{title}}</h1> <p>someText</p> </div> <script src="../dist/vue.global.js"
项目初始化
weixin_44142032的博客
02-24 377
目录Mysql数据库初始化idea 的jdk配置Tomcat配置，Maven创建项目，实现一个HellowordGit初始化项目结构建立及pom.xml文件Mybatis三剑客Mybatis-generator-maven-pluginMybatis plugin插件时间戳的优化Mybatis 分页插件Spring，Spring Mvc，的配置文件日志的配置，logback.xml文件ftp服务器...
【Vue】项目初始化流程
weixin_44899940的博客
10-10 669
【Vue】项目介绍， vuex的安装，element组建的安装，axios的安装
如何初始化App.vue代码格式
玉安_ZhangDe的博客
07-03 600
初始化App.vue代码格式
使用 Vue CLI 生成了一个初始化 Vue 项目
05-30
使用 Vue CLI 可以方便地生成一个初始化的 Vue 项目。 以下是在命令行中使用 Vue CLI 生成一个初始化 Vue 项目的步骤： 1. 确保已经安装了 Node.js 和 npm，如果没有安装，请先安装。 2. 在命令行中输入以下命令...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值