vue-cli 初始化大型项目

最新推荐文章于 2024-07-25 00:41:44 发布

AwD One Piece

最新推荐文章于 2024-07-25 00:41:44 发布

阅读量1.1k

点赞数

本文链接：https://blog.csdn.net/AndyDJA/article/details/78955563

版权

摘要：vue-cli

1.创建一个文件夹，在cmd 命令面板中执行：npm install -global vue-cli 全局安装 vue-cli

2.利用：vue init webpack projectName(自定义项目名称) 创建一个基于 webpack 模板的新项目（）

3.进入到项目名称文件夹中执行 npm install 安装项目所需要依赖

4.运行 npm run dev 运行项目

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

AwD One Piece

关注关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

VUE-CLI初始化项目

AyayaOVO的博客

06-26

923

1、vue init命令讲解用vue init命令来初始化项目，具体使用方法如下： vue init <template-name> <project-name> init：表示要用vue-cli来初始化项目：表示模板名称，vue-cli官方提供的5种模板： webpack：一个全面的webpack+vue-loader的模板，功能包括热加载，linting,检测和CSS扩展。 webpack-simple：一个简单webpack+vue-loader的模板，不包含其他功能，让

vue-cli初始化项目

qq_29236119的博客

03-30

790

初始化项目时首先要弄清楚vue-cli的版本一、3.0以下版本命令 1、首先安装vue-cli，输入命令： cnpm install -g vue-cli 2、初始化项目，输入命令 vue init webpack my-project 二、3.0以上版本（推荐使用） 1、首先安装vue-cli，输入命令： cnpm install -g @vue/cli 2、初始化项目，输入命令 vue create my-project 需要注意的是vue-cli低版本和高版本的命令是不一样的，低版本的vue

参与评论您还未登录，请先登录后发表或查看评论

vue-cil项目初始化

qq_53222216的博客

07-10

365

vue-cil学习之旅

Vue CLI3 快速启动指南（一）

最新发布

龙哥盟

07-25

711

Vue 最初是由一个人 Evan You 发起的项目。令人惊讶的是，它已经发展到今天这个地步：成为最受欢迎的前端框架之一，与由公司支持的 React 和 Angular 竞争。当然，这些并不是唯一的前端框架，但 Vue、React 和 Angular 这三者似乎是最受欢迎的，互联网上充斥着这些框架的比较和使用经验。比如，很常见的是看到一篇比较 Vue 和 React 的文章，或者一篇关于 Vue 比 Angular 更好的博客文章。

Vue-Cli初始化vue项目

wuyundong123的博客

12-30

707

在实际的工作项目开发中，由于都是使用node和npm进行vue-cli的安装，所以先确保已有node和npm的环境；查看node的版本 node -v 查看npm的版本 npm -v 一 Vue-Cli安装 vue-cli 是由 Vue 提供的一个官方 cli，专门为单页面应用快速搭建繁杂的脚手架。它是用于自动生成 vue.js+webpack 的项目模板；使用npm安装 npm install -g @vue/cli 查看是否安装成功： vue -V 但是由于npm.

vue-cli 脚手架初始化项目

m0_53399639的博客

06-12

283

1. node + webpack +淘宝镜像2. 在项目根目录中在终端里初始化项目 vue create 项目名称3.node_modules文件夹中放置：项目依赖文件夹4.public文件夹：一般放置一些静态资源（图片），需要注意，放在public文件夹中的静态资源，webpack进行打包的时候，会原封不动打包到dist文件夹中。5.src文件夹（程序员源代码文件夹）： 1) assets文件夹：一般也是放置的是静态资源（一般放置多个组件公用的资源），需要注意，放置在assets文件夹

vue-cli初始化项目中使用less的方法

10-18

在 Vue CLI 初始化的项目中集成 Less 作为 CSS 预处理器，可以使样式代码更易于管理和维护，利用 Less 的变量、嵌套规则、运算符等功能提升开发效率。 Less 是一种 CSS 预处理器，它允许开发者使用变量、嵌套规则、...

vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件

05-30

init-config : 初始化vue.config.js & Views.json两个文件到你的项目 build-multi : 并行构建多个页面 watch-multi : 并行观看多个页面你可以在你的项目中使用vue-cli-service [command] 初始化配置如果你的项目...

Vue使用vue-cli创建项目

01-19

本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...

详解使用vue-cli脚手架初始化Vue项目下的项目结构

08-27

详解使用vue-cli脚手架初始化Vue项目下的项目结构在本文中，我们将详细介绍使用vue-cli脚手架初始化Vue项目下的项目结构。vue-cli是Vue提供的一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用...

vue-cli脚手架初始化项目

zsl2010zsl的专栏

05-09

177

环境 node + webpack +淘宝镜像 1 创建项目 vue create app node-modules文件夹：项目依赖文件夹 public文件夹：一般防止一些静态资源（图片），需要注意，放在public文件夹中的静态资源，webpack进行打包的时候，会原封不动打包到dist文件夹。 src文件夹（程序员源代码文件夹）： assets文件夹：一般也是放置静态资源（一般放置多个组件共用的静态资源），需要追，放置在assets文件夹里面的静态资源，在webpack打包的时候，webp

vue-cli 创建项目

cc_Crt的博客

08-14

238

概念介绍 | Vue CLIvue-cli 是搭建vue项目的工具。既可以采用命令创建vue项目也可以采用可视化界面创建vue项目!（意思把别人已经写好了的空壳项目代码搬过来使用）vue-cli 是构建vue项目的脚手架作用：主要是提供快速构建VUE项目的服务。...

使用 Vue-cli 创建项目

weixin_53156345的博客

05-05

1106

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-vjcxSwAK-1683203828586)(D:\杂物房\笔记\和项目相关\image\dong.png)][外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-ITkxqy8a-1683203828586)(D:\杂物房\笔记\和项目相关\image\wen.png)] 通过 ↑↓ 箭头选择依赖，按 “空格” 是否选中，按 “a” 全选，按 “i” 反选。如果有需要的可以选择 “y”

使用vue-cli创建项目

梦风心雨的博客

01-05

5247

1、安装node 1、进入node官网 https://nodejs.org/zh-cn/ 2、下载Windows安装包，双击安装包安装，一路无脑next 2、创建项目 1、安装完成后，在Windows终端使用node -v测试node是否安装成功，使用npm -v测试自带的npm是否可用。 2、使用npm install -g @vue/cli命令安装vue-cli。 3、使用vue create hello-world命令新建一个vue-cli项目 4、使用npm run serve就可以运行创

vue-cli初始化

Kevin李宏飞的博客

11-21

583

vue create vue-cli-demo

使用vuecli 初始化Vue项目

qq_44783481的博客

07-25

591

文章目录1、vue-cli脚手架2、初始化项目3、测试结果 1、vue-cli脚手架作用：生成标准的vue项目的目录全局命令行工具 npm install/uninstall -g @vue/cli 或 yarn global add/remove @vue/cli 注：vue-cli是1.x或2.x版本 @vue/cli是3.x版本在3.x版本环境下执行2.x版本的指令，需要安装桥接工具注意：全局安装脚手架 npm install -g @vue/cli 可以简写npm i -g

使用vue-cli初始化项目

qq_39309096的博客

12-09

306

一、首先安装node与npm 查询node的版本 node -v 查询npm的版本 npm -v 二、安装vue-cli 1、命令 npm install -g vue-cli ``` 安装后可用vue -V 查看版本三、初始化项目 ```vue init webpack myvue //myvue 是项目名 cd myvue 进入创建的项目启动脚手架 npm run dev 点击链...

用Vue-CLI搭建项目

qq_52335038的博客

09-28

2322

项目名称：顶楼人员管理简介：博主我酷爱韩剧顶楼，利用所学知识，创建一个顶楼人员管理系统。功能：登录界面、注册界面、首页、普通用户管理页、顶楼用户管理页技术：采用前后端分离技术开发运行。下面开始进入正题：一、环境搭建： 1.创建一个文件夹，并给项目文件夹命名Attic。 2.在终端上运行 npm i -g @vue/cli命令。 3.在终端上运行vue create attic命令，创建Vue项目名称。 4.手动配置一下Vue项目。（谁让博主我这么细...

vue-cli创建项目

tom的博客

03-14

258

一.vue-cli创建模板项目什么是vue-cli 是vue官方提供的脚手架工具。脚手架工具简单讲就是自动将项目需要的环境、依赖等信息都配置好。全局安装vue-cli 先安装node 这里就不进行安装了安装完之后查看命令【全局安装 webpack】 npm install webpack -g 【webpack 4.X 开始，需要安装 webpack-cli 依赖】 npm install webpack webpack-cli -g 【查看版本号】 webpack -v

怎么使用vue-cli初始化一个vue项目

05-25

你可以按照以下步骤使用vue-cli初始化一个vue项目： 1. 首先，确保你已经安装了Node.js和npm。如果没有安装，你可以去Node.js官网下载安装程序。 2. 接下来，安装vue-cli。你可以通过以下命令在终端中安装vue-cli...