通过vue脚手架创建项目

最新推荐文章于 2024-05-28 11:10:38 发布
最新推荐文章于 2024-05-28 11:10:38 发布
阅读量389 收藏 2
点赞数 2
分类专栏： Vue 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45844109/article/details/120208569
版权

写在前头：每次新建vue项目时，都要搭建一次脚手架
使用vue-cli脚手架搭建vue开发环境
安装全局vue-cli脚手架，用于帮助搭建vue框架的模板项目。
打开cmd，执行以下指令。

 cnpm install vue-cli -g

安装vue脚手架
在这里插入图片描述

关闭cmd重新打开，执行以下命令，验证vue安装是否成功

vue
vue -V

在这里插入图片描述在这里插入图片描述

验证vue安装成功

或者如下：

  1. 使用webpack打包工具，启动vue项目
    创建一个工作空间用于保存项目，比如本文使用D:\workspace\vs_workspace
    打开cmd，通过cd指令进入该目录
最低0.47元/天 解锁文章
努力努力再努力dyx
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
基于脚手架创建Vue项目实现步骤详解
10-15
在想要创建项目的路径下，运行`vue create test`，其中`test`是你的项目名称。随后，CLI会询问你选择预设配置还是自定义配置。选择“default”则使用默认配置，包括Babel和ESLint；选择“Manually select features...
vue脚手架构建及创建项目
weixin_47417033的博客
04-05 1142
vue脚手架搭建及创建项目
Vue组件化开发--脚手架的安装使用、目录结构说明
qq_44749491的博客
09-29 1936
如何使用Vue脚手架创建项目
vue脚手架与创建vue项目
qq_48843954的博客
05-28 721
vue脚手架的安装与创建vue项目需要先行安装配置node与npm，详情可以看node、npm的下载、安装、配置_node 下载安装-CSDN博客。
解决每次都要安装vue的问题
只想买把蝴蝶knife
03-31 2184
在创建一个工程时每次都要安装一次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-cli脚手架安装与项目创建
lyq8778的博客
01-29 216
Vue-cli脚手架安装与项目创建什么是Vue-CLI基于Vscode安装Vue-CLI脚手架Vue项目的创建 最近在做一个基于Vue的项目，学习了脚手架安装和项目的创建，打算把步骤给写成博客来巩固自己的知识点。 什么是Vue-CLI Vue-CLI是Vue官方提供的脚手架工具，默认已经帮我们搭建好了一套利用Webpack管理vue项目结构，把项目需要的一些插件都给准备好了。 基于Vscode安装Vue-CLI脚手架 在这之前要安装npm，这里我就不详细讲了，可以通过npm -v查看npm的版本号 在本地
安装VueCli脚手架并创建Vue项目
xiaouncle的博客
02-28 824
一、安装脚手架 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脚手架搭建项目及vue学习
最新发布
06-06
在"vue脚手架搭建项目及vue学习"的主题中，我们将深入探讨如何使用Vue CLI（命令行接口）来初始化一个项目，以及Vue的核心概念和关键特性。 1. **Vue CLI的使用**： Vue CLI是一个官方提供的强大脚手架工具，用于...
解决vue脚手架项目打包后路由视图不显示的问题
10-18
在Vue.js开发过程中，使用Vue CLI创建的脚手架项目是一个高效、便捷的起点。然而，在将项目打包上线时，可能会遇到一些问题，其中之一就是路由视图不显示。本文将详细解析这个问题的原因以及如何解决。 首先，我们...
vue脚手架搭建项目的兼容性配置详解
10-18
以上配置完成后，Vue脚手架创建的项目应该能在IE9及以上版本中正常运行。但是，要注意的是，这仅仅是解决了一部分兼容性问题。对于其他的CSS、HTML5 API等问题，可能还需要额外的处理，例如使用autoprefixer处理CSS...
vue脚手架（纯净版）
07-10
1. **快速创建项目**：通过简单的命令行操作，如`vue create project-name`，可以快速生成一个新的Vue项目结构，包含基本的文件和目录，如src、public、package.json等。 2. **选择预设配置**："纯净版"可能意味着...
vue脚手架安装
weixin_48671009的博客
04-22 195
1.脚手架创建 建议大家在电脑上安装淘宝镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org （1）全局下载vue脚手架: npm install -g @vue/cli (只需要执行一次 今后就不用执行了) （2）vue --version查看版本 （3）cd 到你要创建的项目文件夹下 （4）vue create 你的项目名 (5)下载好项目之后 cd到你的项目名下 （6）npm run serve 启动项目 单文件组件
Vue脚手架安装
Mr_xiaoxuboke的博客
06-16 7619
脚手架安装 1.脚手架搭建项目，需要安装Node.js，这里我们一共装了三个，npm、cnpm、yarn。（1）npm安装vue，首先安装好Node.js,然后建立文件夹，打开命令窗口，输入npm install -g @vue/cli （install=>安装 -g=>全局 vue/cli => vue的脚手架），回车等待安装，安装好后即可创建npm脚手架。打开文件夹，进入命令窗口，cd +文件名 进入指定文件夹，输入 vue create '自定义文件名' 回车创建。然后选择对应语言，Vue2还是Vue
学习Vue脚手架安装与使用
qq_33718889的博客
03-24 244
1. 安装脚手架命令： npm install -g vue-cli (全局安装一次就可以了) 2. 创建项目命令： vue init webpack my-app (my-app 为文件夹名) //这三项默认，直接回车。 Project name //项目名称。 project description //项目描述。 Author //作者 **********************...
vue脚手架搭建项目（详细教程）
weixin_65855560的博客
06-19 1万+
vue的自动化构建工具是node.js帮我们做的，这就是我们为什么要下载node的原因。npm install < name > --save：安装的同时，将信息写入package.json中，项目路径中若是有。Vue脚手架指的是vue-cli，它是一个快速构建**单页面应用程序（SPA）**环境配置的工具）命令行界面。npm list：查看当前目录下已安装的node包。npm ls：查看当前目录下已安装的node包。npm -v：查看npm安装的版本。：是一个开源的前端打包工具。1.进入终端执行命令。
【Vue 快速入门】使用vue脚手架创建一个项目
一个非常Cool的人
12-10 3880
本篇博客介绍了通过使用nodejs从0到1搭建一个vue程序，并对vue程序中的目录进行了详细的介绍。如果大家对vue不是很了解欢迎大家阅读本博客进行vue项目搭建。
VUE——使用VUE脚手架创建项目
weixin_68567820的博客
06-20 1万+
Vue脚手架安装及配置
Vue基础知识总结 10：使用vue-cli（vue脚手架）快速搭建项目
热门推荐
学Java，找哪吒
10-08 4万+
???? Java学习路线：搬砖工逆袭Java架构师 ???? 简介：Java领域优质创作者????、CSDN哪吒公众号作者✌ 、Java架构师奋斗者???? ???? 扫描主页左侧二维码，加入群聊，一起学习、一起进步 ???? 欢迎点赞 ???? 收藏 ⭐留言 ???? ...
vue安装步骤（详细版）
梦旅人的博客
09-20 1万+
vue的安装笔记
vue脚手架创建项目很慢
09-06
你可以尝试以下方法来加快Vue脚手架创建项目的速度： 1. 使用国内镜像：在创建项目时，可以使用淘宝镜像或其他国内镜像来加快下载依赖的速度。例如，可以在命令行中使用`vue create --registry=...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值