通过命令行创建Vue项目（详细步骤）

最新推荐文章于 2024-05-16 17:54:12 发布
最新推荐文章于 2024-05-16 17:54:12 发布
阅读量4.2k 收藏
点赞数 2
分类专栏： 学习笔记 vue 文章标签： 前端 vue vscode JavaScript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43140314/article/details/83271347
版权

通过命令行创建Vue项目（详细步骤）

配置

安装cli

 cnpm install -g @vue/cli

安装devtools

cnpm install -g @vue/devtool

创建

进入存放工程所在的文件夹

cd XXXX

创建test项目

vue create test

进入项目

cd test

运行

npm run serve

按CTRL+C 结束服务

创建项目后的规范操作

在components之中创建文件夹，形如：
在这里插入图片描述
在app.vue中，导入之前创建文件夹中的page.vue，形如
在这里插入图片描述
启动后，在控制台输入vue-devtools 得到

在这里插入图片描述

<script src="..."><script>

加入到index.html中去

可以改下title

吕程Lyu
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
通过cmd指令创建vue项目
qq_45383769的博客
12-24 2287
通过cmd指令创建vue项目 基础材料： 已安装node.js 已安装 npm（安装node.js后会自带安装npm） 首先通过node –v和npm –v确保他们都安装了，能够看见版本号就表示ok
通过命令行创建vue项目的方法
12-08
总结一下，通过命令行创建Vue项目的基本步骤如下： 1. 安装Node.js和Vue CLI。 2. 使用Vue CLI创建项目，如`vue create my-project`。 3. 进入项目目录并安装依赖，`cd my-project && npm install`。 4. 启动开发...
vue 创建新项目
热门推荐
weixin_44161385的博客
02-11 3万+
vue创建新项目的几种方式
创建vue项目步骤
zzzz121380的博客
04-02 3691
前提：安装node环境 一、搭建vue项目 1.全局安装vue-cli npm install --global vue-cli 2.进入你的项目目录，创建一个基于 webpack 模板的新项目 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-EuyCL3cl-1617344228865)(C:\Users\xuzhenzhen\AppData\Roaming\Typora\typora-user-images\image-20210402134726139.png)] 说明
如何搭建一个vue项目(完整步骤)
最新发布
y2020520的博客
05-16 2097
Install vue-router ==> 是否要安装 vue-router，项目中肯定要使用到 所以Y 回车；最后附上demo地址：https://github.com/yanxulan/vue-demo.git。参考：https://www.cnblogs.com/yanxulan/p/8978732.html。d：输入ip： http://localhost:8010/#/first，查看页面效果。
如何创建vue项目，创建的方式？
weixin_73184582的博客
04-19 4645
以上就是使用 Vite 工具创建 Vue 项目的方法，Vite 是一个基于 ES Module 的开发工具，可以帮助开发者快速搭建 Vue 项目，并提供了快速热重载、按需加载等功能，可以大大提升开发体验。以上就是使用 Webpack 创建 Vue 项目的方法，虽然需要手动配置比较复杂，但是可以根据需求进行高度的自定义和扩展，是比较灵活和强大的构建工具。首先需要安装 Node.js 和 npm 包管理器，Node.js 官网提供了对应的安装包和指南，可以根据自己的操作系统和版本选择下载和安装。
CMD创建Vue项目
weixin_68651384的博客
06-10 608
按回⻋之后，提示选择什么模式的路由，我们输⼊n（表示选择Hash模式）。选择⾃定义安装，即第三个选项（使⽤上下⽅向键进⾏选择），然后点击回⻋。在这列表中，选择我们要安装的组件，使⽤空格键选择，选好后回⻋。使用工具打开项目 src / main.js 添加。使用工具打开项目 src / main.js 添加。选择项⽬配置⽂件单独存放，即选择第⼀个选项。是否保存模板，选择N不创建。
通过命令行生成vue项目框架的方法
08-30
通过命令行生成Vue项目框架的方法 ...通过命令行生成Vue项目框架需要安装Node.js、安装命令行工具、创建项目框架、安装依赖项和运行测试五个步骤。这些步骤可以快速生成一个基于Vue的项目框架，提高开发效率。
基于脚手架创建Vue项目实现步骤详解
10-15
以下将详细介绍基于Vue CLI创建Vue项目的过程。 首先，准备工作至关重要。确保你已经安装了Node.js环境，因为Vue CLI是基于Node.js的。你可以通过在命令行输入`node -v`来验证Node.js是否已安装，并检查其版本。接...
使用vue2.0创建的项目的步骤方法
10-17
下面将详细讲解如何使用Vue 2.0创建项目。 首先，确保你的开发环境已经安装了Node.js和npm。Node.js是JavaScript的服务器端运行环境，而npm则是Node.js的包管理器，Vue CLI（命令行工具）的安装和项目初始化都需要...
创建一个Vue项目（含npm install卡住不动的解决）
qq_71654538的博客
02-03 1452
创建Vue、Node.js
详解Vue用cmd创建项目
10-17
在本篇内容里小编给大家整理了关于Vue用cmd创建项目的方法讲解，有兴趣的朋友们跟着学习下。
vue-cli环境搭建
a1578460233的博客
05-31 395
vue学习记录（vue-cli） 1. 安装npm 下载地址 npm -v 版本号 2. 安装vue-cli npm install -g @vue/cli vue --version 版本号 3. 搭建项目 vue create 项目名 上下左右是移动 空格是选中 a是全选 Manually select features （手动配置） Vue CLI v4.5.13 ? Please pick a preset: Manually select features ? Chec
一、vue入门之通过命令创建vue项目
leijieaotian的专栏
09-09 185
1、必须要安装nodejs 2、搭建vue的开发环境 ，安装vue的脚手架工具 官方命令行工具 npm install --global vue-cli / cnpm install --global vue-cli （此命令只需要执行一次） 3、创建项目方式一： （1）必须cd到对应的一个项目里面 （2）vue init we...
怎样在命令行（cmd）模式下创建一个Vue项目
weixin_44038355的博客
12-15 7469
一：环境的搭建 1、检查是否安装好nodejs 如果没有版本号，下载nodejs安装即可 2、检查是否安装好淘宝镜像 没有就要安装：http://npm.taobao.org/ npm install -g cnpm –registry=https://registry.npm.taobao.org 在cmd下输入上面的命令即可 二：创建vue项目 1、安装vue-cli 在一个空的文件夹...
命令行创建一个vue项目
weixin_34096182的博客
08-24 1306
2019独角兽企业重金招聘Python工程师标准>>> ...
通过命令创建vue项目
menghuannvxia的专栏
03-25 1530
创建vue项目
使用cmd命令来创建vue项目
a1550290560的博客
08-29 2187
一 使用命令进入你所要创建的文件夹 二 输入创建命令：vue init webpack [projectName]其中projectName必须要小写，不然会报错 三 四 项目创建完成
使用vue-cli工具 命令行创建一个VUE项目
weixin_45681674的博客
07-25 1619
IDEA 创建VUE项目 1.1 基本概念（基本概念来自网络学习） 1.1.1 node.js Node.js是一个Javascript运行环境(runtime)，发布于2009年5月，由Ryan Dahl开发，实质是对Chrome V8引擎进行了封装。Node.js对一些特殊用例进行优化，提供替代的API，使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快，性能非常好。 Node.js是一个基于Chrome JavaScript运行时建立的平台， 用于方便地搭建响应速度快
命令行创建vue项目
09-11
要使用命令行创建Vue项目，你可以按照以下步骤进行操作： 1. 首先，确保你已经安装了Vue CLI。你可以在终端中输入以下命令来检查Vue CLI的版本是否高于4.0： ``` vue --version ``` 2. 如果你的Vue CLI版本低于4.0，你需要先升级Vue CLI。你可以使用以下命令来升级Vue CLI： ``` npm install -g @vue/cli ``` 3. 一旦你的Vue CLI版本符合要求，你就可以使用以下命令创建一个Vue项目： ``` vue create project-name ``` 其中，`project-name`是你想要给项目起的名字。 4. 在创建项目的过程中，你可以通过选择不同的配置选项来自定义你的项目。你可以使用上下箭头键来选择选项，按下回车键来确认选择。 5. 创建项目后，你可以在终端中进入项目的根目录，并运行以下命令来启动项目： ``` cd project-name npm run serve ``` 6. 当项目成功启动后，你可以在浏览器中输入`http://localhost:8080`来访问你创建的Vue项目。 这样，你就可以通过命令行创建一个Vue项目了。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值