使用vue-cli自定义搭建项目步骤解析（Windows）

最新推荐文章于 2023-11-08 15:56:23 发布
最新推荐文章于 2023-11-08 15:56:23 发布
阅读量1k 收藏 6
点赞数 2
文章标签： vue vue-cli3
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43856086/article/details/111026086
版权

使用vue-cli自定义搭建项目步骤解析（Windows）

前言

提示：在正式搭建vue脚手架（vue-cli）之前，必须要确保电脑已经安装好了Node.js
Node.js官网

提示：以下内容为本篇文章正文，所演示案例仅供参考

一、下载安装Node.js

1、去Node.js官网下载安装包。

在这里插入图片描述
2、安装步骤是在原有默认的选项下一直点击next即可，安装完成后去CMD命令行打印版本号，如正常显示则安装成功，本机的Node版本为v10.15.0

PS：如果报错（npm/node 不是内部或外部命令…），大多数的情况下是因为环境变量没设置好，如不是就去度娘问问 =。=

最低0.47元/天 解锁文章
Leiccy
关注
  • 2
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue-cli3项目配置eslint代码规范的完整步骤
10-14
Vue CLI 3 是一个强大的工具，用于快速搭建 Vue.js 项目。在开发过程中，遵循一定的代码规范至关重要，因为它可以提高代码质量，使团队合作更为顺畅。为此，我们需要配置 ESLint，一个广泛使用的代码质量工具，它能...
vue2 路由进阶,VueCli 自定义创建项目
热门推荐
小钟不想敲代码
08-27 3万+
路由进阶,VueCli 自定义创建项目
用Vue-CLI搭建项目
qq_52335038的博客
09-28 2211
项目名称：顶楼人员管理 简介：博主我酷爱韩剧顶楼，利用所学知识，创建一个顶楼人员管理系统。 功能：登录界面、注册界面、首页、普通用户管理页、顶楼用户管理页 技术：采用前后端分离技术开发运行。 下面开始进入正题： 一、环境搭建： 1.创建一个文件夹，并给项目文件夹命名Attic。 2.在终端上运行 npm i -g @vue/cli命令。 3.在终端上运行vue create attic命令，创建Vue项目名称。 4.手动配置一下Vue项目。（谁让博主我这么细...
vue中给window对象上添加属性的方法
HeXinT的博客
08-26 4465
web页面通讯方法、window.open打开新页面，父子页面通讯的方法最直接的就是获取对方的window对象进行调用父子各自得属性及方法。下面是整理的几种通讯得方法仅供参考。
Vue.$http全局配置
qq_43618136的博客
03-12 1126
全局配置数据接口的根域名 Vue.http.options.root = 'http://vue.studyit.io/' getAllList() { this.$http.get('api/getprodlist').then(result =>{ var result = result.body if (result.status === 0) { ...
如何用vue-cli创建项目
qq_37746495的博客
07-06 729
如何创建vue-cli项目
Vue-CLI 项目在pycharm中配置方法
10-16
Vue-CLI 是一个由 Vue.js 官方团队开发的命令行工具，用于快速搭建 Vue.js 项目。它提供了丰富的预设模板，可以帮助开发者快速初始化一个包含现代化前端构建流程的项目。PyCharm 是一款强大的 Python 开发集成环境，...
搭建Vue从Vue-cli到router路由护卫的实现
10-15
搭建Vue项目通常从安装Vue CLI开始，Vue CLI是官方提供的脚手架工具，可以快速创建和配置Vue项目。首先，确保全局安装Vue CLI，对于Mac用户，可以通过以下命令执行： ```bash sudo npm install -g @vue/cli ``` ...
酷狗app仿写vue-cli
05-18
Vue CLI（Vue Command Line Interface）是Vue.js官方提供的一个脚手架工具，用于快速搭建基于Vue.js的项目。它简化了Vue应用的初始设置，提供了丰富的预设选项，帮助开发者免去配置繁琐的构建工具，如Webpack等，...
vue-cli开发的小商场
07-27
【标题】：“Vue CLI开发的小商场”项目解析 在现代前端开发中，Vue.js是一个非常受欢迎的JavaScript框架，因其轻量级、易上手和强大的功能而受到开发者们的喜爱。Vue CLI（Vue Command Line Interface）是Vue官方...
Vue-cli（基于cli如何创建项目）最详细教程，手把手教学
分享java学习路上的一些笔记，不足之处多多见谅。
06-14 5471
Vue-cli（基于cli如何创建项目）最详细教程，手把手教学
Vue CLI脚手架自定义创建项目详细过程
drhnb的博客
07-09 778
如果已经下载和配置好了node.js,那么就可以使用Vue CLI脚手架来创建vue项目。
VueCli 自定义创建项目及配置
最新发布
m0_53951384的博客
11-08 383
1.安装脚手架 (已安装)2.创建项目选项?> Manually select features 选自定义手动选择功能选择vue的版本3.x> 2.x是否使用history模式选择css预处理选择eslint的风格 （eslint 代码规范的检验工具，检验代码是否符合规范）比如：const age = 18;=> 报错！多加了分号！后面有工具，一保存，全部格式化成最规范的样子选择校验的时机 （直接回车）选择配置文件的生成方式 （直接回车）是否保存预设，下次直接使用？
创建 VUE2 项目
qq_17627195的博客
03-26 2434
创建一个项目 //1. 命令 回车 vue create 项目名 //2.选择自定义配置 Manually select features //3.选择你需要的配置（用空格选中） Babel (必选) TypeScript（项目中使用ts开发的话，就勾选） Progressive Web App (PWA) Support (接口缓存，优化项目) Router Vuex CSS Pre-processors (css预处理器，需要) Linter / Formatte
【Vue】Vue-cli，创建项目设置自定义默认配置
weixin_44899940的博客
04-26 1140
Vue-cli，创建项目设置自定义默认配置
vue_cli自定义创建项目
轻编程的博客
09-23 757
vue_cli自定义创建项目 创建项目 vue create vueant 自定义创建项目 选择如图所示，回车进入自定义选择配置安装界面 按键盘上下箭头键上下切换，空格键选中自己要安装的项，全部选完之后回车即可 Router (vue的路由插件) Vuex (vue的状态管理插件) css Pre-processors (css预处理插件) Linter (代码检测插件) Unit Testing (单点测试模块) 这里问我们路由是不是采用 history 模式，我们输
VUE中自定义向window上添加属性
m0_51431448的博客
01-06 5997
第一步可以在public下新建config文件夹，然后里面建一个js文件，在这个文件里向window上自定义挂载属性 public/config/test.js
基于VueCli自定义创建项目
ioncannontic的博客
09-02 298
移动端面经项目
vue-cli 自定义模板
qq_27762267的博客
03-22 1784
先来看下自定义后的效果吧 这是生成后的目录结构 在使用vue-cli的过程中，常用的webpack模板只为我们提供最基础的内容，但每次需要新建一个项目的时候就需要把之前项目的一些配置都搬过来，这样就造成挺大的不方便，如果是作为一个团队，那么维护一个通用的模板，我认为是挺有必要的。 下面说下怎么自定义自己的vue-cli模板 first: 从github上下载一个自己的模板 从...
使用vue-cli快速搭建项目
03-25
2. 使用vue-cli创建项目 ``` vue init webpack my-project ``` 其中，my-project是你的项目名称，可以根据实际情况自定义 3. 根据提示，输入一些选项，比如项目描述、作者、是否需要ESLint等 4. 进入项目...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值