VUE-CLI初始化项目

最新推荐文章于 2023-03-22 10:45:00 发布
最新推荐文章于 2023-03-22 10:45:00 发布
阅读量912 收藏 1
点赞数 1
分类专栏： vue全家桶 文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/AyayaOVO/article/details/106965600
版权
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的模板，不包含其他功能，让
摘要由CSDN通过智能技术生成

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的开发环境。
browserify：一个全面的Browserify+vueify 的模板，功能包括热加载，linting,单元检测。
browserify-simple：一个简单Browserify+vueify的模板，不包含其他功能，让你快速的搭建vue的开发环境。
simple：一个最简单的单页应用模板。
：标识项目名称，用户根据自己的项目来起名字。

2

最低0.47元/天 解锁文章
AyayaOVO
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue-cli初始化项目中使用less的方法
10-18
在 Vue CLI 初始化的项目中集成 Less 作为 CSS 预处理器，可以使样式代码更易于管理和维护，利用 Less 的变量、嵌套规则、运算符等功能提升开发效率。 Less 是一种 CSS 预处理器，它允许开发者使用变量、嵌套规则、...
【Vue 基础】vue-cli初始化项目及相关说明
ChaoChao66666的博客
04-26 936
1. 创建项目 2. 项目文件介绍 3. 项目的其它配置 3.1 项目运行时，让浏览器自动打开 3.2 关闭eslint校验功能 3.3 src文件夹简写方法
使用vuecli 初始化Vue项目
qq_44783481的博客
07-25 504
文章目录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全家桶】带你全面了解通过Vue CLI初始化Vue项目
QDCXYXZ_的博客
03-22 2029
详细总结通过Vue脚手架创建项目的流程，以及默认项目目录的文件结构
初始化 Vue 项目（vue-cli）
listcvc的博客
06-05 1062
本文转载来自：作者：NathanYangcn链接：https://www.jianshu.com/p/45b5ce2ab1c5來源：简书一、初始化项目1. vue-clivue-cli 是 vue.js 的脚手架工具，可以帮助我们编写基础代码、快速搭建开发环境。使用 vue-cli 工具之前，首先安装 node 和 npm 包管理工具。2. 初始化项目步骤2.1 全局安装 vue-cli 工具np...
初始化创建Vue项目步骤
Tc、zyh的博客
06-10 8088
一、项目创建 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 脚手
vue-cli初始化项目
qq_29236119的博客
03-30 788
初始化项目时首先要弄清楚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使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
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初始项目
03-20
总的来说，这个项目是一个使用Vue CLI初始化的Vue.js项目，通过`npm install`安装依赖，用`npm run serve`启动开发服务器进行开发，而`npm run build`则用于构建生产版本。文件结构和配置符合Vue CLI的常规标准，...
简单的Vuecli项目初始化教程
m0_47807991的博客
03-23 563
简单的Vuecli项目初始化教程 一、VueCli2项目初始化： ①VueCli脚手架安装： vue init webpack my-project 运行项目： npm run build 注意：如何在已经创建好的项目里关闭eslint： 把这里改成false 然后重新编译 ②：runtimecompiler和runtimeonly的区别： runtimeolny性能更高代码量更少 如果在之后的开发中，你依然使用template，就需要选择Runtime-Compiler 如果你之后的开发中，使
vue-cli初始化
Kevin李宏飞的博客
11-21 538
vue create vue-cli-demo
vue学习笔记（一）：使用 vue cli 初始化项目
name_lsc的博客
01-20 1318
安装 vue-cli vue 官方提供了 vue-cli 用于创建工程化的 vue 项目，vue 的脚手架需要先全局安装，前置条件是电脑中需要有安装 node 环境 $ npm install @vue/cli -g or $ yarn global add @vue/cli 运行命令检查脚手架是否安装完成，如果简写的话，V是大写的 $ vue -V or $ vue --version 如果正常安装的话，运行上面检测安装完成的命令后，应该是如下结果： @vue/cli 4.5.15 （4.5.15代
vue初始化（命令行方式）
C90283的博客
11-14 9187
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（四） Vue-CLI（脚手架）快速开发
Hello World!
09-25 2688
Vue-CLI是一个官方推荐的 vue.js 项目开发脚手架，全称为Vue命令行接口。Vue-CLI通过几个简单的命令，将可以快速帮助我们构建一套完整、规范的Vue前端项目。看似笨拙的命令行工具却极大简化了我们的开发。
学习笔记|Vue入门笔记—脚手架vue-cli的详细安装和使用
Jum的博客
03-18 2669
Vue-cli是vue的一个脚手架工具，主要作用：目录结构、本地调试、代码部署、热加载、单元测试。
从零开始学VUE之Vue CLI(全局安装cli-init)
彼岸舞的博客
06-28 1206
全局安装cli-init npm install @vue/cli-init -g 执行安装 C:\Users\ext.zhangyugen1>npm install @vue/cli-init -g npm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/cli n...
vue-cli
qq_33879627的博客
09-28 406
（十六）vue-cli 16.1 vue-cli起步 16.1.1 什么是vue-cli Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供： 通过 @vue/cli 搭建交互式的项目脚手架。 通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。 一个运行时依赖 (@vue/cli-service)，该依赖： 可升级； 基于 webpack 构建，并带有合理的默认配置； 可以通过项目内的配置文件进行配置； 可以通过插件进行扩展。 一
Vue基础知识总结 10：使用vue-cli（vue脚手架）快速搭建项目
热门推荐
学Java，找哪吒
10-08 4万+
???? Java学习路线：搬砖工逆袭Java架构师 ???? 简介：Java领域优质创作者????、CSDN哪吒公众号作者✌ 、Java架构师奋斗者???? ???? 扫描主页左侧二维码，加入群聊，一起学习、一起进步 ???? 欢迎点赞 ???? 收藏 ⭐留言 ???? ...
怎么使用vue-cli初始化一个vue项目
最新发布
05-25
你可以按照以下步骤使用vue-cli初始化一个vue项目： 1. 首先，确保你已经安装了Node.js和npm。如果没有安装，你可以去Node.js官网下载安装程序。 2. 接下来，安装vue-cli。你可以通过以下命令在终端中安装vue-cli...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值