利用脚手架创建一个vue项目

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

1.cmd命令窗口
2.cd Desktop (目录改到桌面)
3.vue create Vue_test( 项目名)
4.选择加速? y
5.选择vue的版本(上下切换,回车)
6.项目创建中 读条
在这里插入图片描述

创建完成:↓
创建完成

1.进入项目文件夹

cd vue_test

在这里插入图片描述
2.

npm run serve

(编译默认的helloworld代码,开启了一个内置服务器8080)
自己用: http://localhost:8080/
同局域网内同事用: http://172.27.138.164:8080/

3.浏览器地址输入: http://localhost:8080/
在这里插入图片描述
4.f12检查
在这里插入图片描述

使用脚手架创建vue项目
oJinGe123的博客
04-11 269
使用脚手架创建vue项目 使用vue脚手架创建的项目分两种，一种是webpack项目，一种是webpack simple项目，webpack项目使用于大型的项目，webpack配置文件修改起来比较方便，可配置项比较多，如果对webpack不熟悉的话，也会比较好修改 webpack simple项目把webpack 配置项压缩在一个文件里，如果是做测试，demo，练习用就够用了 命令如下： vue init webpack test-demo //test-demo 是项目名称 vue init webpac
使用脚手架（Vue-Cli）快速创建一个vue项目的步骤
qq_59808309的博客
01-22 6050
一、安装vue https://cn.vuejs.org/v2/guide/installation.html 二、先确定是否安装了node.js、npm和cnpm node.js的下载地址：Node.js NPM（node package manager）是随同node.js一起安装的包管理工具，能解决前端代码部署上的很多问题，常见的使用场景有以下几种： 允许用户从NPM服务器下载别人编写的第三方包到本地使用。 允许用户从NPM服务器下载并安装别人编写的命令行程序到本地使用。 允许用户将自己编
使用脚手架创建Vue项目
qq_43218707的博客
05-23 1886
首先解释一下什么是脚手架？没有脚手架，我们使用webpack作为打包时，需要下载很多支持vue开发的包或插件，并且需要自己配置，十分繁琐，脚手架是一个命令行工具，就像npm这样，脚手架帮助我们快速的创建vue项目，并且我们不需要考虑项目搭建的过程，直接写自己的代码即可，十分方便。 1、使用脚手架创建vue项目，首先需要下载安装脚手架。win+R打开命令窗口，输入npm i -g @vue/cli 2、安装成功后，使用vue create my-project 3、选择使用手动方式配置 4、选择项目中需
使用脚手架搭建vue项目
最新发布
m0_65520060的博客
07-08 1201
下面这个是对创建vue项目的方式进行选择，下面主要讲解下面三种方式Default ([Vue 3] babel, eslint) 创建vue3项目（默认配置）Default ([Vue 2] babel, eslint) 创建vue2项目（默认配置）Manually select features 自定义的方式搭建vue项目（重点）下面呢主要对如何自定义配置vue项目来进行讲解（通过上下箭头进行选择，Enter键确定那种搭建模式）
利用脚手架创建vue项目以及vue项目的基本使用
m0_62796616的博客
12-18 1124
vue element-ui axios ajax vueRouter vuex
使用vue-cli脚手架创建vue2项目
qq_51284317的博客
07-06 1241
使用vue-cli脚手架创建vue2项目
【Vue】基于脚手架创建Vue项目+Vue组件基本使用
weixin_44707049的博客
05-25 454
第一步：安装Node.js node.js 安装详细步骤教程 第二步：全局安装vue-cli npm install @vue/cli -g 第三步：创建一个基于 webpack 模板的新项目 （一）下载webpack离线模板 下载地址： https://github.com/vuejs-templates/webpack 下载好之后，将其解压到本地用户目录下的.vue-templates目录下 (二) 创建项目 进入你的项目目录，创建一个基于 webpack 模板的新项目。比如说你想在E盘的Web
利用Vue-Cli脚手架创建一个H5项目(基于macOS)
weixin_43513281的博客
03-15 1633
文章目录前言一、创建一个Vue-Cli项目1.创建项目a. 新建一个文件夹vueCreateTest，在此文件下打开终端执行“vue create XXX”命令(XXX是你的项目名)b. 执行完vue create命令之后以下出现的情况根据自己需求选择：c. 进到项目文件下，启动项目即可。二、配置项目1.配置package.jsona. 若没有eslint，在项目文件下开启终端执行"yarn add eslint-config-nc_ursa -D" 或者"npm i eslint-config-nc_ur
使用脚手架创建项目Vue项目
m0_45219210的博客
07-11 151
1、全局安装最新版本的vue-cli（vue脚手架） 2、在自己所建立的文件夹下使用vue create vue-dome（你的项目名称） 3、这里会让你选择用到的vue版本，是否用到babel，eslint。这里我们可以通过键盘上的上下键来控制，这里选择Vue2版本 4、然后提示选择安装的包工具使用什么，这里选择npm,然后回车 5、使用vscode打开项目，注意一次只能打开一个项目，不能打开管理项目的文件夹。打开终端，使用npm run serve运行一下项目。当看到Vue的..
用脚手架创建一个Vue项目
weixin_50241387的博客
03-18 2824
目 录 1、安装node.js 2、查看npm 3、安装cnpm ①新建文件夹 ②通过淘宝镜像安装相关依赖 ③显示当前镜像网址 ④安装cnpm 4、安装vue-cli脚手架构建工具 ①输入命令进行安装 ②查看是否安装成功： 5、用脚手架创建vue项目 ①初始化项目 6、启动项目 ①进入项目 ②启动服务 ③输入ip地址打开项目 7、项目文件介绍 ①目录介绍 ②生命周期流程图 Vue 提供了一个官方的 CLI，为我们快速搭建大型单页应用专门...
脚手架创建VUE项目
weixin_44887137的博客
10-21 320
运用脚手架创建Vue项目的两种方式（基于3.x版本） 1、基于交互式命令行的方式 Vue create my-project 2、基于图形化界面的方式 Vue ui 下面，我们将以图形化界面的方式演示项目创建过程 基于图形化界面的方式 1、打开命令行窗口，输入Vue ui，回车 2、选择一个路径，再点击在此创建项目 3、输入项目名称，填写初始提交信息，其他选项默认 4、选择一套预设，第一次创建项目的话，推荐使用手动配置，然后点下一步 5、在功能这块推荐打开Babel、Router、Lint
使用vue脚手架工具快速创建一个vue项目
Brave-Y的博客
11-23 469
使用Vue脚手架工具创建Vue项目 安装脚手架工具 配置test项目
【Vue】使用脚手架创建vue工程
“看见月亮就想起你”的博客
03-20 233
记录了使用脚手架@vue/cli创建vue前端工程的过程
Vue（一）：利用脚手架创建项目
sunny_jiangsu的博客
11-19 169
vue-cli安装 安装脚本 >npm install –global vue-cli >vue init webpack todolist 报错“vue不是内部或者外部命令”和解决 – 控制面板卸载nodejs – C:\Users\XXX\AppData下的npm和npm-cache删除 – 下载安装新的nodejs 错误解决后，执行下面命令 node –v ...
Vue脚手架搭建项目
酸菜丶小子
07-27 4982
Vue脚手架搭建项目以及node版本切换
使用Vue脚手架创建Vue项目
m0_70955866的博客
11-04 469
5. 检查你是否安装vue/cli,只需要在命令行运行vue指令,如果不报错,则说明安装成功。Vue脚手架隐藏了所有的webpack相关的配置,若想查看具体的webpack配置,请执行。在弹出的选项中,选择你需要安装的配置项: 通过上下键进行切换,通过空格键进行是否选中。在弹出的选择中,表示是否是使用history方式创建路由:默认,选择y。参考:资料/vue.js环境搭建.docx。vue create 项目名。
vue脚手架与创建vue项目
qq_48843954的博客
05-28 1014
vue脚手架的安装与创建vue项目需要先行安装配置node与npm，详情可以看node、npm的下载、安装、配置_node 下载安装-CSDN博客。
vue脚手架创建项目很慢
09-06
你可以尝试以下方法来加快Vue脚手架创建项目的速度： 1. 使用国内镜像：在创建项目时，可以使用淘宝镜像或其他国内镜像来加快下载依赖的速度。例如，可以在命令行中使用`vue create --registry=...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值