用vue-cli手脚架搭建项目

最新推荐文章于 2024-06-29 18:01:49 发布

安柠儿_Anni

最新推荐文章于 2024-06-29 18:01:49 发布

阅读量190

点赞数

本文链接：https://blog.csdn.net/mszm520/article/details/104224912

版权

文章目录

vue-cli的安装
检查安装是否成功
创建项目

vue-cli的安装

npm install -g @vue/cli
或者
yarn global add @vue/cli

检查安装是否成功

在这里插入图片描述
这里的V是大写的查看版本号说明安装成功

创建项目

在这里插入图片描述
输入vue create 项目名
因为之前已经配置过所以直接默认为“我的配置”

然后输入cd 项目名
npm run serve 启动服务器
在这里插入图片描述
把网址复制到浏览器搭建成功

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

安柠儿_Anni

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

Vue 脚手架(vue-cli) 环境搭建

weixin_61562639的博客

08-11

2848

vue 脚手架指的是 vue-cli 它是 vue 官方提供的一个快速构建单页面（SPA）环境配置的工具，cli 就是(command-line-interface ) 命令行界面。webpack 的主要目标是将 JavaScript 文件打包在一起，打包后的文件用于在浏览器中使用。a. 将安装包放在 ./node_modules 下（运行 npm 命令时所在的目录），如果没有 node_modules 目录，会在当前执行 npm 命令的目录下生成 node_modules 目录。...

vue进阶：基于vue-cli3.x创建项目（搭建手脚架）

Thinkingcao的专栏

10-30

275

参考：https://www.cnblogs.com/ZheOneAndOnly/p/11202844.html

参与评论您还未登录，请先登录后发表或查看评论

利用脚手架搭建项目

weixin_30301449的博客

07-13

184

第一步：打开命令行工具,在命令行中找到桌面cd Desktop 第二步：给项目起一个名字 vue create vue-app接着会让我们选择预设手动选择Manually select features 跳到另一个命令后选择Babel让浏览器能识别vue，ES6代码,接着选择In package.josn意思是将所有代码放入一个文件中 ,接着选择预设YES 起一个自己的名字。接着进入项目文件中 ...

使用vue搭建项目（创建手脚架）

weixin_42981419的博客

11-22

319

使用vue搭建项目（创建手脚架）第一步：切换到创建的目录创建项目 vue cerate [model] 第二步:切换到创建好的项目，然后创建element vue add element 第三步：创建router vue add router 创建成功了尝试启动 ...

vue-cli（vue脚手架）详细教程

欢迎来到我的博客

04-08

2883

vue-cli 安装 vue-cli这个构建工具大大降低了webpack的使用难度，支持热更新，有webpack-dev-server的支持，相当于启动了一个请求服务器，给你搭建了一个测试环境，只关注开发就OK。 1.安装vue-cli ① 使用npm（需要安装node环境）全局安装webpack，打开命令行工具输入：npm install webpack -g或者（npm install -g ...

Vue--搭建个人博客

old brother stable

01-12

9434

1.初始化vue项目 1.1环境初始化 1.安装node。官网直达 2.安装淘宝npm镜像提高下载速度。 npm install -g cnpm --registry=https://registry.npm.taobao.org 3.安装vue脚手架vue-cli。 npm install --global vue-cli 1.2创建项目

vue-cli3.0 脚手架搭建项目的过程详解

10-17

本篇文章将详细介绍如何使用 Vue CLI 3.0 来搭建一个新的 Vue 项目。首先，你需要确保已经安装了 Node.js 和 npm（或 yarn）。然后，你可以通过以下命令全局安装 Vue CLI 3.0： ```bash npm install -g @vue/cli ...

VUE开发资源程序：vue.js开发外卖web系统,组件化思想,vue-cli手脚架

06-06

2. **Vue CLI手脚架**：Vue CLI是Vue.js的官方命令行工具，用于快速搭建项目结构并自动化常见的前端任务，如编译、热重载、测试等。使用vue-cli可以大大提高开发效率，减少配置时间。在开发外卖Web系统时，Vue CLI...

vue.js的手脚架vue-cli项目搭建的步骤

01-19

手脚架是什么？...然后， vue-cli 的脚手架项目模板有browserify 和 webpack ,vue-lic这个手脚架是把预定义的模板（存放在不同的服务器上）复制到本地作为项目初始结构，官网给出了两个模板： webpack-si

vuepress使用简介及个人博客搭建

最新发布

凡尘

06-29

2255

VuePress 是 Vuejs 官方提供的一个是Vue驱动的静态网站生成器，基于Markdown语法生成网页。简单的说它就是一个快速建设文档站点的工具，在简单配置好功能后，需要做的事情就剩下写好一个个 Markdown 文档，并且可以将其发布到github。VuePress ,一个全新的基于 vue 实现的静态网站生成器，实际上就是一个 vue 的 spa 应用，内置 webpack，可以用来写文档。

Vue 搭建个人博客

m0_74169515的博客

03-20

515

安装好后检查node.js 版本打开命令行，输入 node -v。进入百度中文网进行安装。

搭建个人博客网站 -- vue初学者学习总结

spacewow的博客

12-19

2636

阅读源码，初步学习Vue。本贴属个人学习总结。

vue项目搭建【详细入门创建】

qq_63656102的博客

07-09

3539

vue在前端开发中是不可缺少的一种框架，在国内运用非常广泛，所以学习这门框架是前端的必备技能，所以在入门中，我们要学会如何搭建一个vue项目，不管是vue2还是vue3他们的创建方法都是差不多的。第一种是最简单的，那就是直接引入cnd，当然这种方法是不可取的，在这里就不说了，主要的还是用脚手架来创建vue项目，目前的脚手架有。创建完成后，在cmd命令行输入 vue create 项目名称来创建，回车即可。当然，命令运行都是可以改的，所以大家记住默认的运行即可。所创建的目录文件如下就说明创建完成了。

搭建一个vue项目(完整步骤)

duanna0824的专栏

06-22

2万+

一、安装node环境　　1、下载地址为：Node.js　　2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功　　3、为了提高我们的效率，可以使用淘宝的镜像：npmmirror 中国镜像站　　输入：npm install -g cnpm –registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。　　检查是否安装成功：二、搭建vue项目环境　　1、全局安装vue-cli　　npm install --

基于 Vuepress 搭建个人博客，文章详细，助你快速上手

Jine

11-21

2690

搭建博客几年前在小白阶段使用过 WordPress + 阿里云服务器搭建了自己的博客，也走了很多坑，从零摸坑最后也弄好了，也顺便使用了阿里云的一些服务，但当时没有记录笔记的习惯，过了好久很多操作也遗忘了。加上服务器过期了好多数据也没有备份，那就重新搭一个快速上手的博客，想着怎么也应该尝试一些新的方法，刚好也了解到了尤大神的 Vuepress。因为也更好的支持 Vue 此文章内容将会抽时间持续更新ing，请尝试不同时间段来参考。准备工作 1、准备服务器环境，或者最后部署到GitHub或码

vue搭建博客

qq_45952585的博客

12-11

4137

使用vue2.0/3.0搭建博客，前端情绪员实现原理安装nodejs和vue写项目项目打包和托管项目创建github仓库安装git托管项目到github仓库检查仓库并设置pages购买域名和解析域名修改更新项目实现原理使用vue打包出来的dist，把dist中的文件托管到自己的github中或者云服务器中，利用github的话，会生成一个github提供的一个链接，访问这个链接就可以看到自己的网站，如果想要一个霸气点的域名，可以去阿里云或者腾讯云买一个域名，解析这个域名，就可以用自己的域名去访问网站。

基于Vue搭建自己的博客

weixin_34247299的博客

04-07

5073

博客前台项目地址: github.com/WqhForGitHu… 如果你觉得项目不错的话，欢迎点击'star'鼓励支持下，万分感谢。(๑◡๑) 前言以前我们是用hexo + next来搭建自己的博客，但最近学习了Vue之后，我被它的数据驱动和组件化思想所吸引。所以就用了Vue搭建了一个自己的个人博客。Vue实际上对应着MVVM模式下的View图层，要搭建一个完整的应用仅仅只有Vue是不够的，...

前端学习（八）：vue-cli（vue脚手架）超详细教程（添加webpack支持）

meng19910117的博客

07-14

2960

https://blog.csdn.net/wulala_hei/article/details/80488674 都说Vue2简单上手容易，的确，看了官方文档确实觉得上手很快，除了ES6语法和webpack的配置让你感到陌生，重要的是思路的变换，以前用jq随便拿全局变量和修改dom的锤子不能用了，vue只用关心数据本身，不用再频繁繁琐的操作dom，注册事件、监听事件、取消事件。。。。...

从零开始搭建一个Vue项目