vue-cli3创建项目

最新推荐文章于 2024-02-27 15:13:50 发布
最新推荐文章于 2024-02-27 15:13:50 发布
阅读量255 收藏
点赞数 1
分类专栏： 前端 vue 文章标签： vue-cli3创建项目 vue vue-cli脚手架 快速创建vue vue项目的快速创建
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35457469/article/details/101207844
版权
前端 同时被 2 个专栏收录
61 篇文章 2 订阅
订阅专栏
vue
42 篇文章 0 订阅
订阅专栏
创建项目命令
  • vue-cli3: vue create vue-test
  • vue-cli2: vue init webpack vue-test
进行相关配置

在这里插入图片描述

  • default(babel,eslint) （默认选项，会安装必要的依赖，也将ellint作为必选项也进行安装）
  • Manually select features （手动选项）

选择 Manually select features
在这里插入图片描述

Babel
TypeScript （和js一样的功能，cli3中新增的）
Progressive Web App (PWA) Support
Router
Vuex
CSS Pre-processors
Linter / Formatter （eslint所带的插件）
Unit Testing （进行单元测试的）
E2E Testing （进行单元测试的）

此内容根据自己需要进行选择
选择结束后，按回车进行下一项
在这里插入图片描述

Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n) （用不用history模式）

选择 y 后回车
在这里插入图片描述
记录文件选择 package.json
在这里插入图片描述

Save this as a preset for future projects? (y/N) （是否开始创建？）

选择 y 后回车
回车后等待即可

在这里插入图片描述
如上图：
安装已经结束
根据系统提示进入相关文件夹和运行
在这里插入图片描述
在这里插入图片描述

僵尸C掉了我的脑子
关注
  • 1
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何删除Vue-CLI生成的自定义配置
秋橙的知识商铺
12-18 3460
咱们在用Vue-CLI创建一个Vue项目的时候，在设置的路上会遇到一句话。 这句话长这样紫： Save this as a preset for future projects? (y/N) 这句话是什么意思呢？翻译成中文意思大概是：是否想把当前的配置保存一份预设以便下次创建项目时使用。再翻译成人话就是你想不想下次还使用同样的配置？ 如果选择N，全剧终… 开个玩笑︿(￣︶￣)︿ 如果选择y，会显示 Save preset as 这句话告诉你想怎么命名你的预设文件，这里我输入common-config S
创建vue3项目——vue create vue3_test
m0_53251830的博客
02-16 1330
创建vue3项目
Vue3 项目创建
陌上花开然不归矣
03-21 7869
安装 1、安装node vue 3需要node10以上版本 node官网下载地址以往的版本 | Node.js 2、安装vue/cli 如果已经全局安装过旧版本的vue-cli npm uninstall vue-cli -g //yarn global remove vue-cli 然后安装 npm install -g @vue/cli //yarn global add @vue/cli 为什么要先卸载vue-cli，在安装vue/cli 如果是安装vue3以下版
2021-03-11
DarlingYL的博客
03-11 216
vue学习（一) 1.环境搭建 浏览器：Chrome IDE编辑器：WebStorm Node.js 8.9+, npm 2.安装脚手架 window+R+CMD进入终端控制台，执行命如下命令 npm install -g @vue/cli 如果之前已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，需要先通过 npm uninstall vue-cli -g 卸载它。 如果安装错误，解决方法： 先卸载node，再继续安装CLi 以管理员身份打开命令行终端CMD，然后输入命令 npm
vue项目的创建命令选取&ESLint的安装命令选取
最新发布
qq_45426187的博客
02-27 772
6.Pick a linter/formatter config 选择 ESLint + Prettier(最下面的)target:'http://localhost:8081', //代理目标的基础路径 真实请求路径。config.headers.Authorization = token // 设置请求头。//匹配所有以 '/api'开头的请求路径。2.等待跳出选项, 选择 //手动选择功能。
Vue-cli3创建Vue项目
xustart7720的博客
05-05 427
一、本地安装 vue-cli 可以使用下列任一命令安装这个新的包： npm install -g @vue/cli # OR yarn global add @vue/cli 安装vue-cil，因为是全局安装 npm install -g vue-cli 查看是否安装成功。 vue --version 二、创建项目 1、首先，执行： vue create my-project ...
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
vue使用vue-cli快速创建工程
01-19
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。 -g代表全局安装。 i就是install的缩写。 其中webpack-simple代表模板的名称。vue-todos是你给自己的项目起的名称，这个随便起...
vue-cli3创建项目.doc
01-16
9. 选择预设并保存：确认配置后，Vue CLI 3 将根据所选设置创建项目。 通过这些配置，我们可以创建出符合标准、易于维护和扩展的 Vue 项目。Vue CLI 3 的自动化特性极大地提高了开发效率，减少了开发者手动配置的...
基于Vue-cli快速搭建项目的完整步骤
12-09
vue-cli 是一个官方发布 vue.js 项目脚手架，Vue-cli可以快速帮助我们创建一个项目，这是官方给我们提供的脚手架。下面我说一下vue-cli的使用方法。 下面话不多说了，来一起看看详细的介绍吧 一、准备工作 在使用...
vue-cli-plugin-multiple-page:基于vue-cli https的buildwatch多页面条目插件
05-30
在你的 vue-cli 创建的项目中安装插件，如果没有请参考 vue add multiple-page 命令 以下是此插件的 3 个命令： init-config : 初始化vue.config.js & Views.json两个文件到你的项目 build-multi : 并行构建多个...
Vue脚手架搭建项目
m0_59075169的博客
06-13 546
Vue脚手项目
【vue】第一种创建vue项目的方式：通过终端命令创建vue项目（vue create test_vue_app）
liuzhenhe1988的专栏
09-28 2021
通过终端命令创建vue项目（第一种创建vue项目的方式） 1、在终端输入 vue create test_vue_app，执行后需要选择一个预设功能，首次创建时候选择Manually select features（手动选择功能） 说明：vue_test是之前我创建项目时候保存的一个预设 2、通过键盘上的上下键选择manually select features后，按回车键后会出现下图 然后根据需要上下键切换，按空格键选择 选择完成后按enter键，选择vue版本，如3.X 接着
创建vue项目
我管它叫“知勤者笔记”，主要用来记录和分享我的日常生活与学习经历
01-10 1243
/ JavaScript的超集，包含并扩展了 JavaScript 的语法，需要被编译输出为 JavaScript在浏览器运行。与TypeScript一起使用Babel（现代模式、自动检测的polyfills、传输JSX所需）？（需要为生产中的索引回退进行正确的服务器设置）（是/否）// CSS 预处理器（如：less、sass）// 代码风格检查和格式化（如：ESlint）// vue-router（vue路由）// vuex（vue的状态管理模式）// 单元测试（unit tests）
vue-cli3创建项目过程的详细解析及项目目录解析
yiguang_820的博客
06-22 1282
安装的各种方式 一.vue3test2 啥都没有安装 说明： 1.是否保存配置： Save this as a preset for future projects? (Y/n) // 是否记录一下以便下次继续使用这套配置 // 选保存之后，会让你写一个配置的名字： Save preset as: name // 然后你下次进入配置可以直接使用你这次的配置了 二. vue3test1 安装了babel、eslint 项目目录： 多了1个文件：babel.config.j
2021-10-29
qq_43741467的博客
10-29 197
用vue-cli+Electron开发一个电脑桌面应用（搭建vue项目、安装electron，简易打包） 安装vue-cli3（这里使用的是yarn，进行这一步的前提是安装好node和yarn） yarn global add @vue/cli vue --version （此命令意在查看vue的版本，可确认是否安装成功，） 1 2 创建vue项目 vue create vue-electron-demo （vue-electron-demo是你要创建的项目名称） 1 3 . 创建vue项目过程，选
vue3项目搭建
weixin_47353884的博客
06-16 2116
新建空白文件夹 通过 Git Bash Here 打开黑窗口 vue create vue3(项目名) 项目配置 :
ERROR Invalid options in vue.config.js: "publicPath" is not allowed
qq_35457469的博客
10-11 7216
刚从远程clone下来的代码，npm run dev后报错，报错信息如下： ERROR Invalid options in vue.config.js: "publicPath" is not allowed npm ERR! code ELIFECYCLE npm ERR! errno 1 npm ERR! iview-admin@2.0.0 dev: `vue-cli-service s...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值