使用cli3创建webpack模板项目

最新推荐文章于 2022-11-09 21:58:26 发布
最新推荐文章于 2022-11-09 21:58:26 发布
阅读量459 收藏 1
点赞数
分类专栏： vue 前端 文章标签： cli3 webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zs_4336/article/details/96442241
版权
vue 同时被 2 个专栏收录
15 篇文章 0 订阅
订阅专栏
前端
11 篇文章 0 订阅
订阅专栏

使用cli3创建的项目很简洁，如果你想使用webpack模板创建项目，或者习惯用vue init的方式创建项目怎么办？不用担心，cli3有提供插件可以使用cli3版本之前的方式创建项目，下面演就演示一下

  • 执行vue init --help它会提示你首先安装@vue/cli-init这个插件

vue

  • 执行vue install -g @vue/cli-init命令

vue

  • 执行vue init webpack my-project命令就可以创建webpack模板的项目了

vue

扩展：模板分类有如下几个
『simple』：通过在一个 HTML 文件中引入 Vue 来使用它；
『browserify』 和 『webpack』： 分别使用 browserify 和 webpack 作为打包工具，并配置了对应的 Vue 组件转换工具和热加载等功能；
『pwa』(Progressive Web App)：一种基于前面的『webpack』的模板；

Frog2Top
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue初学之使用webpack模板创建项目
weixin_34007886的博客
07-26 445
这是Vue官网 通过webpack模板创建项目的相关介绍：https://vuejs-templates.githu... 1. 安装vue脚手架 cnpm install -g vue-cli cnpm 是安装了淘宝镜像后才有的命令，npm安装插件是从国外服务器下载的，受网络影响出现异常的可能性大。所以淘宝团队器在中国实现了是一...
创建基于webpack打包的vue项目
草巾冒小子的博客
10-16 1万+
结合win7、element-ui、vue（vue-router、vue-cli）、webpack等技术，完成了项目的基础工作。难则不会，会则不难；贵在经验总结，后期可参。 花絮 · 先预览 - 项目目录结构图 一、 项目初建、编译打包、服务器配置 大致分析：【以上图为例】 指定workplace，开始初建项目： cd 目标位置路径(如：C:\Users) 安装vue： cnpm ins...
vue-cli + webpack自动生成项目
weixin_30858241的博客
01-22 77
# 全局安装 vue-cli $ npm install --global vue-cli # 创建一个基于 webpack 模板的新项目 $ vue init webpack palanWebsite # 安装依赖，走你 $ cd palanWebsite $ npm install $ npm run dev 创建过程参考：https://www.2cto.com/kf...
webpack4+vue cli3创建简单项目
weixin_43805387的博客
04-26 731
vue init webpack my-project npm i -S element-ui import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; Vue.use(ElementUI);
使用vue-cli创建项目模板
littlebirdflying的博客
06-19 536
打开终端（我用的是git bash,windows下） cd ~/Desktop npm install -g vue-cli 全局安装 vue-cli vue init webpack blog-client 提示（vue命令不能使用，网上有其他解决办法，这里不使用） 参...
如何使用 vue-cli 创建模板项目
01-21
所以为了快速开发，入门之后遇到问题再去解决，吾辈选择了使用 nodejs + npm + vuejs + webpack + vscode 组合，使用 vue-cli 快速搭建一个基于现代前端工具链前端项目。 致那些想要了解前端但又不得其门
vue-cli+webpack记事本项目创建
08-30
本篇文章将详细介绍如何利用 Vue CLI 和 Webpack 创建一个记事本项目，帮助初学者更好地理解这两个工具的结合使用。 1. **Vue CLI**： Vue CLI（Vue Command Line Interface）是 Vue 生态系统中的一个官方脚手架...
使用vue-cli webpack 快速搭建项目的代码
11-26
//创建一个基于webpack模板的项目 vue init webpack [demoname] ? Project name (xxx) ? Project name xxxx ? Project description (A Vue.js project) ? Project description A Vue.js project ? Author (xj ) ? ...
Vue Cli3 创建项目的方法步骤
12-09
最近的开发项目中使用了vue-cli 3.0，使用体验可以说非常棒了，模板更加制定化，配置更加简洁。以下总结下应用过程中的一些经验。 1. 安装 npm install -g @vue/cli 2. 创建一个项目 vue create iview-admin # ...
快速解决vue-cli不能初始化webpack模板的问题
08-27
当我们使用Vue CLI创建一个新的Vue.js项目时，可能会遇到以下错误： `vue init webpack pro` `[Failed to download repo] [connect ETIMEDOUT 192.30.255.112]` 这个错误可能是由于代理问题或网络连接问题引起的...
使用 vue-cli 创建模板项目
志在远方
10-22 1391
说明 1）vue-cli 是 vue 官方提供的脚手架工具 2）github: https://github.com/vuejs/vue-cli 3）作用: 从 https://github.com/vuejs-templates 下载模板项目 安装 node.js网站 找到关于linux64位的 左边第一个 8.12.0LTS 安装完以后是个压缩包 我们进行解压 然后打开终端 将解压的包 拖...
webpack中vue模板组件的使用
weixin_43209953的博客
01-17 326
<template> <div> <h1 @click="show">我是登陆组件{{ message}}</h1> </div> </template> <style> </style> <script&gt
创建一个基于 vue-cli + webpack 的项目步骤
筑释科长的博客
03-17 910
一：全局安装nodejs用命令行生成vue项目框架需要npm包管理器来安装，而npm又是在安装nodejs的时候同时安装的,所以首先要安装nodejs。二：全局安装vue-cli命令：npm install -g vue-cli三：创建项目框架在项目根目录，执行命令：vue init webpack；四：在项目根目录安装依赖在项目根目录，执行命令：npm install；五：启动项目在项目根目录，...
【Vue-CLI】Vue-CLI+webpack构建Vue项目
我的博客
11-09 4202
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过@vue/cli实现的交互式的项目脚手架。通过@vue/cli+实现的零配置原型开发。一个运行时依赖 ()，该依赖：可升级；基于 webpack 构建，并带有合理的默认配置；可以通过项目内的配置文件进行配置；可以通过插件进行扩展。一个丰富的官方插件集合，集成了前端生态中最好的工具。一套完全图形化的创建和管理 Vue.js 项目的用户界面。Vue CLI 致力于将 Vue 生态中的工具基础标准化。
使用vue-cli搭建webpack模板项目
su的博客
08-19 1112
使用vue-cli搭建webpack模板项目 第一步：nodejs下载、安装以及环境配置 1．登录nodejs 官网：https://nodejs.org/en/ ，建议下载推荐版本（红色箭头所指）。 2．安装nodejs 下载下来的msi包一直点击下一步即可。 3．环境配置 新版本都会自动配置环境变量，如果输入node找不到，则可能是环境变量没有配置，需要把node的安装路...
vue webpack模板创建项目的两种路由
兔子鱼兮
03-31 1034
1 webpack模板创建项目方法 $ npm install -g vue-cli $ vue init webpack my-project $ cd my-project $ npm install $ npm run dev 2 目录结构 3 默认路由 利用url的hash，就是常说的描点（#）。 4 修改为history模式 HTML5的History模式，它使u...
vue-cli3+webpack搭建vue单页项目
Ango的博客
02-26 5844
先安装好node.js，可以网上查看安装方法 全局安装vue-cli3 npm i -g @vue/cli #安装后可以通过以下命令查看是否安装成功,显示版本后即安装成功 vue --version 全局安装webpack和webpack-cli npm i -g webpack #安装成功后可以通过以后命令查看是否安装成功，显示版本号即安装成功 webpack -v 环境搭建完成，...
vue-cli3搭建项目之webpack配置
热门推荐
梦行天宇的博客
02-14 6万+
vue-cli3搭建完整项目之webpack配置 ​ 前面篇介绍了项目初始化，下面就要开始对项目webpack进行配置，由于vue-cli3将webpack的基础配置全部内嵌了，这就导致我们初始化项目完成之后发现原先的webpack的config配置全部都消失不见了，那该怎么办呢？别慌，vue-cli3早就考虑到了这一点，它预留了一个vue.config.js的js文件供我们对webpack进行自...
用@vue/cli创建一个webpack构建的项目
m0_69639625的博客
05-28 424
安装node.js不作描述，作者用的是git 工具 可检查node与npm的版本。 命令提示符输入： node -v npm -v node与npm相关系： node.js内置了npm（这也导致要下载npm的话，必须得下载node.js，其包含了npm）. 一、创建你的一个文件夹，在空白文件夹右键 git bash打开。 输入(安装脚手架） npm install -g @vue/cli 输入 vue -v 查看版本并验证有无安装成功。 二、创建vue项目 vue create t
vue cli和webpack都能创建项目吗？区别是什么
最新发布
04-04
Vue CLI 是一个官方提供的脚手架工具，它基于 webpack 和其他一些插件，可以方便地创建和管理 Vue.js 项目。Vue CLI 提供了一些预设的模板和插件，...Vue CLI 使用 webpack 来构建项目，但它并不是 webpack 的替代品。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值