通过vue -cli脚手架创建一个模板项目

最新推荐文章于 2024-08-19 20:15:33 发布
最新推荐文章于 2024-08-19 20:15:33 发布
阅读量562 收藏
点赞数 1
分类专栏： 前端框架 文章标签： vue vue-cli 通过脚手架创建模板
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35008624/article/details/89436392
版权

通过vue -cli创建一个模板项目：

前期工作：

安装 node.js配置环境变量

安装 npm 配置对应的变量

安装 vue -cli，配置对应的环境变量 ，vue.cmd所在的路径配置在path中   

安装步骤：

【1】打包项目，输入项目名称，项目描述

【2】设置以下属性

【3】设置完了出现以下界面

【4】运行npm运行项目

最低0.47元/天 解锁文章
lipfff
关注
专栏目录
vue-template-pc:vue脚手架-模板
04-28
vue-template-pc vue脚手架-模板 启动方式: 将项目拉到本地,安装依赖(npm i); 建议装上yarn 和 nrm 开发环境启动项目 npm run dev 项目打包 npm run build 项目指令化创建页面 npm run create-page 详细脚本代码 /template/script.js 和/template/util.js 2020/1/8 防抖 | 节流 指令和函数 和使用参考 2020/1/10 axios二次封装 和 webpack-dev-server配置proxy实现开发模式下的本地代理(可解决跨域问题) 2020/1/11 vuex简单配置和使用 vuex的模块的使用 2020/1/16 补充时间格式化函数和千位打点工具函数 2020/1/17 优化按钮防抖函数和节流函数 防抖函数是首部触发还是尾部触发,根据常规交互逻辑,默认置为
vue/cli创建的项目启动会 ＜template＞报错
qq_56747357的博客
09-13 1140
vue/cil创建项目＜template＞报错
vue脚手架模板文件
最新发布
吹梦到西洲
08-19 276
【代码】vue脚手架模板文件。
vue-cli创建新项目
sxy1847589546的博客
02-09 277
1.全局安装      vue-clinpm i vue-cli -g2.在需要创建项目下打开命令行窗口，执行命令vue  init  webpack  projectname(你的项目名称）3.进入项目根目录 ，安装所需的依赖，执行命令npm i     4.编译文件，并自动打开浏览器测试，输入命令npm run dev 或者npm run start 5.主入口文件   src/main.js...
Vue使用脚手架出现问题 2
qq_45387575的博客
09-17 517
再去C盘里面找到.vue-templates文件夹，如果没有的话就创建一个文件夹。将之前解压后的内容复制到该新建的文件夹中。直接下载安装包，之后再解压。此时就可以成功创建模板了。
Vue脚手架相关
大叔的博客
04-12 1047
花了一下午时间，复习了vue之前的，以及敲了这两篇博客 5555555~~~~
详解如何使用vue-cli脚手架搭建Vue.js项目
10-19
- 使用vue-cli脚手架创建的项目已经包含了热加载、代码检查、单元测试和CSS分离等现代Web开发所需的功能。 - Vue.js项目的目录结构是预设好的，这包括源码、资源、构建配置等不同部分的文件夹。 - 在进行项目开发时...
vue-cli3-template：基于Vue-cli3建造的脚手架项目模板
01-31
项目介绍基于Vue-cli3建造的前端开发脚手架项目模板，主要包括以下内容：Webpack4.x性能调优配置，Vue.js全家桶，移动端vw适应，单元测试等功能，可以参考，欢迎大家围观指教！项目特点特征 巴别塔 VueRouter 威克斯...
图文讲解用vue-cli脚手架创建vue项目步骤
10-17
Vue CLI（Vue.js Command Line ...通过以上步骤，你应该已经掌握了如何使用Vue CLI创建一个Vue项目的基本过程，以及项目的基本结构和关键组件。随着你对Vue.js的深入学习，你将更加熟悉和熟练地运用这些工具和概念。
vue使用vue-cli快速创建工程
01-19
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。 -g代表全局安装。 i就是install的缩写。 其中webpack-simple代表模板的名称。vue-todos是你给自己的项目起的名称，这个随便起...
Vue使用vue-cli创建项目
01-19
vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：https://github.com/Aleczhang1992/my-vue-project/tree/dev 一、步骤 1.要求已安装Node.js (>=4.x, 6.x ...
vue脚手架
weixin_45904557的博客
07-25 640
VueCLI是一个基于Vue.js进行快速开发的完整系统通过@vue/cli搭建交互式的项目脚手架。
vue简易微前端项目搭建（二）：子项目模板及项目脚手架搭建
醉逍遥neo的博客
08-28 2023
github传送门： 1、h5主项目 2、项目脚手架 3、子项目模板 系列文章传送门： 1、子项目模板 子项目模板就是用于快速创建一个配套的子项目，也就是在主项目目录/src/projects/下的一个子文件夹，作为模板项目，就是做个基础示例，主要是两点作用：一是能运行跑起来，方便直接写业务；二是有一个引导的作用，方便初上手的同事能快速熟悉项目的运行及使用。 结构大概如下： 画红圈的template文件夹下的内容即是模板文件，其他的只是代码校验工具忽略即可。 基本上就是遵从vue项目src目录大致结构。
【Vue】脚手架搭建
z914020826的博客
11-03 1986
简单的说 Node.js 就是运行在服务端的 JavaScript。Node.js 是一个基于 Chrome JavaScript 运行时建立的一个平台。Node.js 是一个事件驱动 I/O 服务端 JavaScript 环境，基于 Google 的 V8 引擎，V8 引擎执行 Javascript 的速度非常快，性能非常好。
vue脚手架搭建、介绍和初始页面的构造（图文详细）
m0_56369204的博客
06-28 4745
如何解决繁琐的项目初始化过程，快速搭建一个Vue项目，而不必担心复杂的配置和设置？Vue脚手架Vue Scaffold（Vue CLI）将实现这个功能，本文将带你入门Vue脚手架，熟悉项目结构和基本配置。
vue-cli 脚手架的使用，及webpack模板与webpack-simple的区别
Lisunlight的博客
07-11 2877
在使用vue及其相关组件时，我们常常通过vue-cli来实现环境的配置 1.进入命令行，全局安装：npm install vue-cli -g 2.cd 盘符（例D:）进入要创建项目的地址，然后 3.创建项目模板：vue init webpack new-vue（其中webpack为模板类型，new-vue为自定义的模板名可自己命名）； 接下来，会问几个问题，直接回车（enter）就好；后...
vue脚手架基础demo
红目香薰
09-18 928
vue脚手架基础demo :” 是指令 “v-bind”的缩写。parseInt格式化整数类型。图片会每2.5秒更换一张。
vue-cli3 脚手架搭建h5基础模板框架
Web_boom的博客
06-24 2726
1.通过脚手架工具创建基本的vue项目 ------使用命令 vue create 项目名称(不可使用驼峰式命名，包含大写字母的)2.选择创建的模板 default是脚手架一个默认的模板，里面只带的有babel和eslint 两种插件选项 Manually是一个自定义模板可以自行选择添加的插件进行创建脚手架的模板 这里选择第二个，进入自定义插件创建脚手架（自己选择进行添加所需的插件） 3.上图，使用空格自定义选择需要添加的插件，选择完成后回车进入下一步，这里我选择在加上路由（Router） Vuex ,c
如何配置Vue脚手架（Vue CLI配置图文详细教程）
m0_46685248的博客
12-12 1416
如何配置Vue脚手架（Vue CLI）加图文详细教程
9. Vue-cli脚手架如何创建项目及特点
04-04
Vue-cli脚手架可以通过以下步骤创建项目： 1. 安装Node.js环境 2. 全局安装Vue-cli脚手架：`npm install -g vue-cli` 3. 创建项目：`vue init <template-name> <project-name>` 4. 进入项目：`cd <project-name>` 5...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值