vue-cli4安装及项目搭建

最新推荐文章于 2022-05-18 16:25:03 发布
最新推荐文章于 2022-05-18 16:25:03 发布
阅读量614 收藏 2
点赞数 1
分类专栏： vue 文章标签： vue npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_41240940/article/details/113862202
版权
本文介绍了如何在已安装Node.js环境下，通过卸载旧版vue-cli、安装vue-cli4、配置镜像加速，来创建并启动一个Vue2.x项目。详细步骤包括选择手动配置、挑选CSS预处理器、决定是否启用history模式路由，以及Eslint配置等。
摘要由CSDN通过智能技术生成

开始安装之前，请确保你已经安装过nodejs环境了，如未安装过node,可参考使用nvm管理node版本，安装node开发环境，这篇文章进行安装

安装vuecli4

如果你之前已经安装过vue-cli，先执行以下命令，卸载老版本，未安装请忽略

npm uninstall -g vue-cli
安装：
npm install -g @vue/cli

安装完成后执行 npm -V 或者 npm – version查看当前vuecli版本

创建项目

npm建议切换为淘宝镜像,创建项目会快一点

创建项目执行命令
vue create project-name

//例如
vue create vuedemo

最好选择手动配置
QQ截图20210203140520.png
按空格选中或取消你需要的配置

最低0.47元/天 解锁文章
吹了一夜风~
关注
专栏目录
vue学习01—安装vue-cli4
qq_40318341的博客
10-14 893
1.安装node.js 在官网下载并安装 2.安装vue-cli3 （如果安装过cli2，此处需要卸载） 卸载——命令行输入 npm uninstall vue-cli -g 安装cli3——命令行输入 npm i -g @vue/cli 在这一步遇到了安装很慢的问题，切换为淘宝镜像，切换完成之后再执行安装cli3 npm -g cnpm --registy=https://registry.npm.taobao.org 看一下vuecli版本，检查是否安装成功 vue --version
vue-cli4
weixin_50365835的博客
02-02 1012
基本使用 安装 卸载其他脚手架: npm uninstall vue-cli -g 强力清除缓存 : npm cache clean --force 查阅全局安装目录: npm root -g 往前退两层 删除npm-cache目录 npm install -g @vue/cli 创建项目 vue create <project-name> 开发环境启动 npm run serve 生产环境启动 npm run build 配置 创建vue.config.js文件 该文件是一个可选的配置
vue/cli4的安装与使用
热门推荐
diwang_718的博客
11-05 2万+
1：若你已安装过vue-cli2的话，你得先卸载掉，命令如下 //首先查看是否已安装过vul-cli vue -V //如是有的话，就用下面命令卸载 npm uninstall vue-cli -g 2:安装vue-cli 4.0.5 //一键初始化项目 npm init -y // 安装vue-cli npm instal...
Vue CLl 基础知识+安装
MW
03-19 3062
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供： 通过 @vue/cli 搭建交互式的项目脚手架。 通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。 一个运行时依赖 (@vue/cli-service)，该依赖： 可升级； 基于 webpack 构建，并带有合理的默认配置； 可以通过项目内的配置文件进行配置； 可以通过插件...
vue-cli4安装
MikeZhang93的博客
12-09 1487
1.创建项目 执行 vue create vue-test 2.选择自定义配置（Manually select features ） 3.这里会提示是否保存配置，需要可以选择y 4.选择css预编译，这里我选择less 5.语法检测工具，这里我选择ESLint + Standard config 6.选择更新检测方式，这里我选择保存就检测 7.接下来会问你把babel,postcss,...
vue-cli中安装方法(图文详细步骤)
01-21
vue-cli 是vue.js的脚手架，用于快速自动生成vue.js+webpack的项目模板，这样大大降低了webpack的使用难度。下面是详细的安装步骤 vue-cli脚手架模板是基于node下的npm来完成安装的所以首先需要安装node 1、安装...
webpack4+Vue搭建自己的Vue-cli项目过程分享
10-18
本文将详细介绍如何使用Webpack 4和Vue来搭建一个Vue-cli项目，从而实现快速开发Vue应用。 首先需要了解，Webpack是一个现代JavaScript应用程序的静态模块打包器(module bundler)。它将应用程序中所需的各个模块...
Vue-CLI 4 搭建Vue项目
God-Excious的博客
09-21 3033
文章目录一、Node.js安装二、Vue-Cli安装三、Vue项目创建1、项目创建2、项目依赖导入2.1 vue-router（路由）3、项目配置3.1 router.js（路由配置）4、测试效果 一、Node.js安装 到Node.js官网（https://nodejs.org/zh-cn/）上，下载并安装Node.js，选择【长期维护版】即可 使用安装包安装，选择安装路径可以根据自己的需要改一下（比如我安装在了D:\Environment\nodejs\目录下）。 这个Necessary Tools
使用vue-cli4.0快速搭建一个项目的方法步骤
12-13
前言 最近公司的项目终于到了空闲期，而闲不住的我终于把目标放到了项目的迁移上面 因为公司的项目比较早的原因（虽然当时vue-cli也出来了一段时间，但是不敢轻易尝试啊！） 所以使用的环境还是 vue2.x 版本的，而又因为公司的前端项目都是我来搭建的原因（并不是技术大佬，入职早！） 所以所有项目开发的时候一直在用的 vue-cli2.0，后来项目多了也没时间就没往 vue-cli3.0 迁移 现在终于到了空闲期，可以尝试着慢慢迁移了 本篇文章就是主要记录迁移的过程和 vue-cli3.0 的搭建过程 一、升级本地环境 因为 vue-cli3.0 要 nodeJs ≧ 8.9（官方推荐 8.11
vue-cli4.x的安装与使用
qq_46305940的博客
02-21 3409
介绍 Vue.js(读音 /vjuː/, 类似于view)是一套构建用户界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。 Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。...
vue-cli4搭建项目
James_liPeng的博客
02-22 865
使用Vue-Cli 4.x脚手架项目初步搭建 1. 前提： node的版本要在8.11.0+ 2. 如果之前电脑中安装多其他版本的脚手架需要卸载掉其他的版本， 重新安装4.x版本 **npm uninstall -g vue-cli** 3. 安装最新版本脚手架 npm install -g @vue/cli # OR yarn global add @vue/cli 安装后查看脚手架的版本 ...
Vuecli4的安装，项目的创建与运行
SAS13的博客
11-29 388
一、node.js的安装 到Vue-cli官方文档查看安装指南：Installation | Vue CLI????️ Standard Tooling for Vue.js Developmenthttps://cli.vuejs.org/guide/installation.html 根据要求安装Vue-cli需先安装node.js，到node中文网下载长期维护版的node.js Node.jsNode.js® is a JavaScript runtime built ...
Vue CLI4创建Vue项目
TOP的博客
01-05 732
Vue CLI4创建Vue项目 Node 版本要求 Vue CLI4.x需要 Node.js v8.9 或更高版本(推荐 v10 以上)。 用 npm -v和node -v可以查看对应版本 关于旧版本 Vue CLI的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。 使用下列任一命令安装这个新的
vue-cli4快速搭建项目
流殇浮云的博客
05-11 384
vue-cli3搭建项目 一.安装nodeJS和npm : nvm安装nodeJS 二.全局安装脚手架 1.安装 npm install -g @vue/cli 或者 yarn global add @vue/cli 2.验证 vue -V 三.创建项目 1.跳转到指定目录下 cd E: 2.创建项目 vue create develop-fe 指向只会在第一次出现，以后不会再出现。输入Y继续 说明： 按键盘上下键可以选择默认（default）还是手动（Manually），如果选择def
Vue-cli4创建项目
weixin_44431112的博客
05-18 2506
Vue-cli创建项目 文章目录Vue-cli创建项目一、Node环境安装二、创建一个项目1.安装vue-cli2.创建项目3.启动项目三、Vue参考文档 一、Node环境安装 https://www.cnblogs.com/equals/p/16075758.html 二、创建一个项目 1.安装vue-cli npm install vue-cli -g 2.创建项目 3.启动项目 cd myVue npm run dev 三、Vue参考文档 https://v3.cn.vuejs.org/g
通过Vue CLI 4创建项目
小康的博客
04-21 1327
通过Vue CLI 4 创建项目 ...
vue-cli4.0快速搭建项目教程
"使用vue-cli4.0快速搭建一个项目的方法步骤" 本文主要介绍了如何使用vue-cli4.0来快速搭建一个Vue.js项目，包括升级本地环境和创建新项目的步骤。作者首先提到了由于公司项目早期采用的是vue-cli2.0，随着版本更新...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值