vue项目初始化脚手架vue-cli安装

已于 2022-11-15 20:03:07 修改
阅读量311 收藏
点赞数 1
分类专栏： vue路由 笔记 文章标签： 前端
于 2022-11-14 21:06:40 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45621877/article/details/127855651
版权

1.创建vue项目

vue create vuetest    //vuetest   是新建一个项目文件名称  也是文件夹的名称
  1. 向下箭头选择 select features，回车
    在这里插入图片描述
    3.向下箭头空格键 * 选中
    Babel 把时髦的ES6,ES7代码翻译为大多数浏览器认识的ES5代码
    在这里插入图片描述
    4.Use history mode for router? (Requires proper server setup for index
    vue中有两种路由导航模式: #hash方式和history方式(/，没有#)
    如果不想看到url中出现#，可切换为history方式
    一旦切换为history模式，则必须配置服务器端的首页重定向功能！
    所以，在学习阶段不建议启用history模式！
    在这里插入图片描述
    5
    ESLint with error prevention only 只配置使用 ESLint 官网的推荐规则
    ESLint + Airbnb config 使用 ESLint 官网推荐的规则 + A
最低0.47元/天 解锁文章
大盗夕落
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
创建vue项目，使用vue-cli搭建项目脚手架
灰的博客
09-28 550
一、vue-cli的安装 vue-cli是一个脚手架工具，它集成了诸多前端技术，包括但不仅限于： 1、webpack 2、babel 3、eslint 4、http-proxy-middleware 5、typescript 6、css pre-prosessor 7、css module 这些工具，他们大部分都有依赖两个东西： 1、node环境：很多工具的运行环境 2、npm：包管理器，用于下载各种第三方库 二，安装node 下载node: https://nodejs.org/zh-cn/ 验证安装 n
详解使用vue-cli脚手架初始化Vue项目下的项目结构
11-28
它极大地简化了Vue项目的初始化和配置过程，为开发者提供了现代化的前端开发流程。Vue CLI支持快速创建新项目，内置热重载、静态检查等功能，并且能够生成适合生产环境的构建配置。 使用Vue CLI的优势主要包括以下...
vue-cli安装及项目初始化
weixin_42260975的博客
03-03 260
一、安装vue-cli 打开cmd进入D盘(我自己的文件在D盘) C:\Users\Admin>D: 安装vue-cli脚手架 npm install -g @vue/cli Tip：npm安装可能会很慢，我们可以使用cnpm进行安装： 先安装淘宝镜像 npm install -g cnpm -registry=https://registry.npm.taobao.org 使用cnpm查看版本，验证cpn是否安装成功 cnpm进行安装vue-cli cnpm install
安装VueCli脚手架并创建Vue项目
xiaouncle的博客
02-28 809
一、安装脚手架 1、在https://nodejs.org/zh-cn/download/下载node.js并安装 2、检查node和npm的版本（node -v、npm -v），如果在cmd中可以查看node和npm的版本，但是在VSCode中无法识别node、npm，以管理员身份重启VSCode即可 3、查看镜像库地址，如果不是国内地址可以设置为淘宝镜像 npm config get registry npm config set registry https://regi...
Vue-cli脚手架安装与项目创建
lyq8778的博客
01-29 211
Vue-cli脚手架安装与项目创建什么是Vue-CLI基于Vscode安装Vue-CLI脚手架Vue项目的创建 最近在做一个基于Vue的项目，学习了脚手架安装和项目的创建，打算把步骤给写成博客来巩固自己的知识点。 什么是Vue-CLI Vue-CLI是Vue官方提供的脚手架工具，默认已经帮我们搭建好了一套利用Webpack管理vue项目结构，把项目需要的一些插件都给准备好了。 基于Vscode安装Vue-CLI脚手架 在这之前要安装npm，这里我就不详细讲了，可以通过npm -v查看npm的版本号 在本地
Vue的路由配置（Vue2和Vue3的路由配置）
热门推荐
weixin_46022934的博客
07-12 2万+
系列文章目录 一、路由是什么？ 二、Vue2中路由的创建步骤 1.安装正确的路由版本（这里我踩坑了） 2.vue2中配置路由的步骤 步骤如下： 代码如下图所示 如下图所示：
vue-cli3.0 脚手架搭建项目的过程详解
10-17
Vue CLI 3.0 是 Vue.js 官方提供的一个强大脚手架工具，它简化了 Vue.js 项目的初始化和构建过程。本篇文章将详细介绍如何使用 Vue CLI 3.0 来搭建一个新的 Vue 项目。 首先，你需要确保已经安装了 Node.js 和 npm...
详解vue-cli 脚手架 安装
01-19
注 ：安装 vue-cli 脚手架目前需要node版本为 v4.0 以上； 二、 vue-cli 全局安装 命令行执行 : npm install -g vue-cli // 加-g是安装到全局 安装完成以后可以输入命令：vue 回车，可以看到针对vue的命令行； **:...
使用vue-cli脚手架工具搭建vue-webpack项目
12-10
3. **使用Vue CLI初始化项目**： 初始化Vue项目时，你需要运行`vue init webpack yourprojectname`，其中`webpack`是模板类型，`yourprojectname`是你项目的名称。在执行过程中，CLI会提示你输入项目描述、作者等...
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项目创建步骤 和 路由router知识点
嘿嘿
05-19 640
菜单快捷导航： vue项目创建 vue路由router知识点(路径参数、查询参数、命名路由、嵌套路由、命名视图、hash/history模式) vue导航守卫（全局守卫、单个路由独享、组件级守卫） 1、创建一个vue项目步骤（windows环境下）。创建vue项目前，检查系统是否具备创建项目的条件（是否已经安装好了node.js、webpack、vue-cli）。cmd打开终端。 1.1如果还没安装node.js， 则先安装node.js，安装完成后，查看node版本 node -v 1...
解决每次都要安装vue的问题
只想买把蝴蝶knife
03-31 2154
在创建一个工程时每次都要安装一次vue，可以使用npm包中的全局安装模式解决 安装vue 最新稳定版本 $ npm install -g vue 全局安装 最新稳定 CSP 兼容版本 $ npm install vue@csp 安装vue-cli 全局安装 vue-cli $ npm install -g vue-cli 创建一个基于 “webpack” 模板的新项目 $ vue init webpack project-name 安装依赖 $ cd project-name $ npm install
vue中在终端使用（npm run serve）命令运行main.js报错，怎么解决？
weixin_65270579的博客
03-29 1215
vue中在终端使用（npm run serve）命令运行main.js报错，怎么解决？
Vue 学习笔记 (二) -- 使用 VueCli 3
陈增庆的博客
10-01 1万+
前面的文章已经简单介绍过了 Vue Cli 3 的新版本特性，下面我们就亲自上手感受一下我们新版本的脚手架工具。 先从项目搭建开始。 创建项目 打开我们的命令行工具，输入下面的命令创建项目。 vue create hello-world 身为一名程序员，当然要从 hello-world 开始写喽。 此处要注意 官方文档 上面这样说： 如果你在 Windows 上通过 minTTY 使用 G...
Electron 4 开发跨平台桌面应用
koukou的博客
11-07 626
Electron是一个基于Chromium和 Node.js，可以使用 HTML、CSS和JavaScript构建跨平台应用的技术框架，兼容 Mac、Windows 和 Linux。虽然B/S是目前开发的主流，但是C/S仍然有很大的市场需求。受限于浏览器的沙盒限制，网页应用无法满足某些场景下的使用需求，而桌面应用可以读写本地文件、调用更多系统资源，再加上Web开发的低成本、高效率的优势，这种方式越来越受到开发者的喜爱。 本文一步一步教你如何使用Electron5和vue-cli3，在完全保留vue开发web
01-使用vue脚手架搭建项目
寒雪谷
12-25 1174
使用vue脚手架搭建项目 Vue项目开发实战系列 主要内容： 初识vues 升级到vue cli4.0 从零开始配置vue cli4.0 使用vue cli4.0创建项目 1 初识vue 1.1 Vue概述 我们就直接开门见山，看看Vue的官网吧： Vue官网： https://cn.vuejs.org/ 从官网中，我们可以知道： Vue是什么 Vue是一套用于构建用户界面的渐进式Jav...
vue-cli 版本 4.5.4 脚手架搭建项目
lss0555的博客
08-19 2377
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档 文章目录前言一、pandas是什么？二、使用步骤1.引入库2.读入数据总结 前言 提示：这里可以添加本文要记录的大概内容： 例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。 提示：以下是本篇文章正文内容，下面案例可供参考 一、pandas是什么？ 示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。 二、使用步骤 1.引入库 代码
vue-cli3搭建项目之项目初始化配置
梦行天宇的博客
02-13 5787
Vue-cli3搭建完整项目之项目初始化配置 ​ 最近发现vue-cli的版本更新到3+了，本着学习的态度开始研究了一下它，发现里面变化太大了，比如原先的暴露出来的webpack的配置你会发现在3里面根本找不到，下面就开始搭建一个完整的项目。 vue-cli3官网 一、升级或下载vue-cli3 npm install -g @vue/cli 二、创建项目 创建项目 vue create 你...
手把手教学前端工程化：vue脚手架
qq_36789311的博客
03-14 509
前端工程化 vue脚手架安装 Element-UI安装 vue脚手架 用于快速生成Vue项目基础架构，官网网址：https://cli.vuejs.org/zh/ 安装 npm install -g @vue/cli 3.脚手架用法：必选项：BabelRouterLinter/Formatter使用配置文件 （1） 基于交互式命令行，创建新版v...
vue-cli-webpack:vue-cli 2.9.6版本初始化webpack工程
最新发布
09-07
而vue-cli 2.9.6版本是其一个较早的版本，可以使用它来初始化一个基于webpack的Vue.js工程。 使用vue-cli 2.9.6版本初始化webpack工程，首先需要确保本地已安装了node.js和npm。 在命令行中执行以下命令来安装vue-...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值