用vue命令搭建脚手架

已于 2022-03-12 18:52:54 修改
阅读量284 收藏 1
点赞数
文章标签： vue.js
于 2022-03-02 01:46:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhuyuan123456/article/details/123220507
版权
本文档介绍了如何切换目录、启动服务器以及处理启动失败的问题。当服务器启动失败可能是因为缺少node_modules，需运行npmi或yarn install命令生成。接着展示了一个项目地址，并建议删除无用图片和组件，同时初始化app.vue文件。最后，提醒关闭代码检查功能以优化开发流程。
摘要由CSDN通过智能技术生成

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASlNPTlDvvIQ=,size_20,color_FFFFFF,t_70,g_se,x_16

第二步，切换目录

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASlNPTlDvvIQ=,size_20,color_FFFFFF,t_70,g_se,x_16

 

第三步，启动服务器

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASlNPTlDvvIQ=,size_20,color_FFFFFF,t_70,g_se,x_16

注意如何启动服务器失败了，有可能是因为你这个项目没有node_modules

所以先要执行npm i(或者yarn install)这个命令，自动生成一个node_modules文件夹！

 

 

咱们可以通过这个地址，看到它的样子

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASlNPTlDvvIQ=,size_20,color_FFFFFF,t_70,g_se,x_16

然后将一些没用的图片和组件删掉

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASlNPTlDvvIQ=,size_20,color_FFFFFF,t_70,g_se,x_16

 再初始化一下app.vue文件

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASlNPTlDvvIQ=,size_20,color_FFFFFF,t_70,g_se,x_16

 

总结一下

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASlNPTlDvvIQ=,size_20,color_FFFFFF,t_70,g_se,x_16

文字总结：

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASlNPTlDvvIQ=,size_20,color_FFFFFF,t_70,g_se,x_16

关闭检验代码功能

watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBASlNPTlDvvIQ=,size_20,color_FFFFFF,t_70,g_se,x_16

 

 

 

 

 

 

 

JSONP＄
关注
Vue3的脚手架搭建
qq_28400607的博客
10-10 286
官网地址：https://cn.vuejs.org/guide/quick-start.html。
Vue创建脚手架命令
kuang*的博客
03-19 216
加了镜像的可以将npm--->cnpm。
vue创建脚手架
qq_47648083的博客
11-30 738
初始化脚手架 一、说明 1.Vue脚手架是Vue官方提供的标准化开发工具 2.具体查看 官方文档 二、具体步骤 1.全局安装@vue/cli（仅第一次执行） 注意：要以管理员的身份打开cmd npm install -g @vue/cli 安装完成后在输入vue，显示下图则证明安装成功 2.切换到要创建项目的目录 ，然后使用命令创建项目 vue create xxxx 自行选择适合的vue版本 3.启动项目 1.先进入创建的文件夹的路径： cd vue_text 2. 然后输入 ： np
vue创建脚手架项目
m0_62181310的博客
06-14 6423
@vue/cli是Vue官方提供的一个全局模块包(得到vue命令), 此包用于创建脚手架项目目录一、创建脚手架项目1.全局安装命令2.查看vue脚手架版本3.@vue/cli 创建脚手架项目-启动3.1 创建项目3.2 选择模板3.3 回车生成文件3.4 进入项目启动文件 二、vue脚手架文件说明1.目录和代码分析2.主要的3个文件和关系 三、vue/cli自定义配置1.自定义服务配置2.eslint暂时关闭设置 四、单vue文件开发五、清空脚手架欢迎界面 2.查看脚手架版本 如果出现版本号就安装成功
Vue创建脚手架
qq_48617322的博客
09-01 956
vue创建脚手架
VUE-脚手架搭建
最新发布
xhmico的博客
12-15 2980
vue 有两个大版本，分别是 vue-2 和 vue-3，目前新项目的话用 vue-3 的会比较多以下我会分别提供搭建 vue-2 和 vue-3 脚手架的过程。
Vue2.0搭建脚手架vue-cli1
08-08
为了提高开发效率和规范项目结构，开发者通常会使用脚手架工具，Vue的官方提供了vue-cli来帮助快速搭建项目。下面我们将详细介绍如何使用Vue2.0的vue-cli搭建Vue脚手架。 首先，搭建Vue脚手架需要具备一些基础的...
详解如何使用vue-cli脚手架搭建Vue.js项目
10-19
安装完成后，我们就可以使用vue-cli提供的命令来搭建项目了。vue-cli提供了多种项目模板，可以通过vue list命令查看所有可用的模板。例如，我们可以选择webpack模板来初始化我们的项目。执行以下命令： ```bash vue...
Vue2.0搭建脚手架vue-cli.docx
05-14
### Vue2.0搭建脚手架（vue-cli） 随着Vue.js在前端开发领域的迅速崛起，越来越多的项目开始采用Vue进行开发。为了提升开发效率及项目的可维护性，开发者们经常会选择构建一套完整的开发脚手架。本文将详细介绍如何...
vue脚手架vue脚手架vue脚手架vue脚手架vue脚手架
04-26
Vue脚手架（Vue CLI）是Vue.js官方提供的一个命令行工具，用于快速搭建 Vue 项目，它极大地简化了项目的初始化过程，帮助开发者设置和配置项目环境，提高开发效率。 Vue CLI 提供了丰富的预设选项，包括Webpack配置...
VUE系列一：VUE入门：搭建脚手架CLI（新建自己的一个VUE项目）
weixin_34279061的博客
06-27 228
一、VUE脚手架介绍 官方说明：Vue 提供了一个官方的 CLI，为单页面应用快速搭建 (SPA) 繁杂的脚手架。它为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验，以及生产环境可用的构建版本。更多详情可查阅 Vue CLI 的文档。 个人理解：在实际开发中都是通过脚手架快速搭建一个vue项目，当然也可以...
使用cmd命令创建vue2脚手架
jiandan7410的博客
08-17 3094
第一步：打开打开cmd命令窗口，配置npm淘宝镜像 命令：npm config set registry https://registry.npm.taobao.org 第二步：全局安装@vue/cli 命令：npm install -g @vue/cli 注意：此命令只需要在电脑上执行一次。中间在安装过程中如果出现加载暂停不动，可以按enter键继续加载。加载完成后关闭cmd窗口 第三步：创建vue2脚手架 用cmd命令进入想要创建脚手架的文件下，如下图是在：E：\a\vue下创建vue_test文件
vue脚手架搭建及常用命令
bukuaileya的博客
12-23 1161
什么是脚手架？ 脚手架是为了工程顺利实施而搭建的工作平台。 要创建一个vue工程项目就得搭建一个vue脚手架
Vue-cli（脚手架）的创建
计算机硕士的博客
04-26 3172
Vue-cli（脚手架）的创建。
vue-cli2和vue-cli3新建项目的常用命令
丨小毛子的博客
02-28 1808
vue-cli2和vue-cli3新建项目的常用命令 1、安装vue-cli2脚手架 （1）在cmd命令行中输入脚手架安装命令(win+R打开cmd或Windows PowerShell)； （2）全局安装vue2脚手架：npm install -g vue-cli 或者指定版本：npm i vue-cli@2.9.6 -g； （3）安装以后，输入：vue -V 出现相应的版本号，则表示安装成功； （4）卸载脚手架：npm uninstall -g vue-cli； 2、搭建项目 （1）、初始化项目：vue
使用Vue脚手架Vue-CLI创建项目（命令行方法）
Aoba
08-15 1937
官方教程 小白自学笔记，仅供参考。 win+R打开Windows PowerShell 可先自建一个安装目录 输入create命令，“app”为自主命名项目 vue create app 选项选择如下 输入一下命令 cd app npm run serve 在浏览器中打开 http://localhost:8080/ 若出现以下页面即是成功 ...
脚手架命令行创建Vue项目避坑指南
右先生、的博客
10-10 426
以前学过一点vue，那时候就觉得怎么简单怎么来，学习前端的技术很多时候都是想着将框架离线到本地来进行学习。总觉得用脚手架好麻烦，其实自己也是尝试过之后才有这种感觉，或许是不太适应那种模式。 不知道有没有人和我遇到一样的情况，自己去离线下载，使用的时候老是会出现各种问题，各种报错，总是要花费好久的时间去查问题点，关键好多文章和我写的不一样，用了各种我没见过的语法什么的，跟着写直接报错。我想这可能就是最让人头疼的事了。 这两天在研究脚手架的使用，也是各种坑不断，不过好在还是搭建成功了。在这里记录一下问题，希望看
vue脚手架搭建流程
ermaner666的博客
01-07 3万+
搭建vue项目之前你需要安装vue的脚手架和node.js，一起去看看怎么搭建一个vue环境吧。（学编程语言最爱看见的就是用这个先写一个helloworld，只想说我对世界友好可是现实是残酷的。。。。。。） 1&安装node.js（安装网址点击下面链接） node.js下载网址 安装完以后桌面上什么都没有是不是有点慌啊！不急，你先打开Dos窗口，输入以下命令， 如...
vue-脚手架创建
热门推荐
weixin_44647865的博客
02-02 3万+
前期准备 1、检查node是否下载 2、检查是否配置好了淘宝镜像 更换镜像地址 npm config set registry https://registry.npm.taobao.org/ 3、检查vue是否下载好 下载vue npm install -g @vue/cli 如果碰到以下情况 输入指令 npm install -g @vue/cli-init Vue脚手架有两种创建方式 1：最快捷的，也就是最新版本vue/cli所带的 Vue create 文件名称 ①输入创建指令
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值