vue新建项目（详细步骤）

最新推荐文章于 2024-08-03 17:57:20 发布
最新推荐文章于 2024-08-03 17:57:20 发布
阅读量836 收藏
点赞数
分类专栏： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/c_qianxia5040/article/details/107215207
版权

一、下载nodejs
在这里插入图片描述

然后node -v 查看版本

二、安装脚手架
npm i vue-cli -g //全局安装
安装完成后 vue list查看版本号

三、新建文件夹
新建文件夹demo 并切换到demo中打开命令
vue init webpack 项目名
注意几项需要选择no的模式
在这里插入图片描述

切换项目文件夹中，npm i 然后运行npm run dev,安装成功
在这里插入图片描述

爱吃烧鸭蛋的叶安
关注
专栏目录
vue创建项目
qq_42221321的博客
02-08 656
vue 创建项目1、参考资料2、命令行： vue创建项目3、图形化界面创建vue项目 1、参考资料 资料1：prettier和standard规则比较 资料2：使用 vue-cli 3 快速创建 Vue 项目及项目配置 Vue.config.js 资料3：vue创建项目 资料4：图形化界面创建vue项目 2、命令行： vue创建项目 命令行窗口输入创建一个名为hello的vue项目 vue create hello 接着出现这个选择界面，default为默认配置，这里选择manually手动选择会有更大的
用vue创建一个项目
以后的博客
05-19 1091
要先安装node.js  用node -v 和npm -v 查看是否安装完整 然后安装淘宝镜像cnpm来代替npm 加快创建项目的速度 cnpm -v查看是否安装完整 #最新稳定版本 1·npm install vue  如果使用淘宝镜像安装就输入命令行      cnpm install -g vue-cli进行安装， 如果没有安装淘宝镜像依旧用 npm install -g vue-
创建vue项目
最新发布
qq_55046209的博客
08-03 409
编程学习最重要的是实践，多写代码，多解决问题，不断提升自己的技能。在创建过程中，选择默认的 preset 或者手动选择你需要的功能。确保已经安装了Vue CLI。
vue创建一个项目
weixin_55869175的博客
03-13 1236
vue脚手架创建一个vue项目
VUE创建项目
AI小华仔的博客
02-09 453
1.vue init 使用 vue init 命令来创建一个项目： $ vue init webpack (vue3-test) // 项目名，这里需要进行一些配置，默认回车即可 进入项目，安装并运行： $ cd vue3-test $ cnpm run dev DONE Compiled successfully in 2558ms I Your application is running here: http://localhost:8080 2.Vite
pycharm新建Vue项目的方法步骤(图文)
12-20
在PyCharm中创建一个新的Vue.js项目，你需要遵循一系列步骤，包括环境准备、项目初始化以及在PyCharm中的配置。以下是一份详细指南： **1. 安装Node.js** 首先，你需要在你的计算机上安装Node.js。访问[Node.js官网...
如何创建一个vue项目（详细步骤）
热门推荐
m0_67403076的博客
06-22 5万+
推荐下载地址：https://nodejs.org/en/推荐下载地址：https://cn.vuejs.org/ （1）以管理员身份打开命令行界面，进入任意一个想要创建项目的文件夹，输入vue create test_vue（2）做一些配置：（3）按方向键选中该项，然后按回车键：（4）按空格键按照如下进行配置：（5）选择vue版本，我选的是3.x（6）是否要保存为这个项目作为一个模板保存？（7）出现以下界面，项目创建成功：（1）跳转到以下界面，默认为8080端口，我的8080端口被占用，所以启动了8081
vue项目创建步骤
weixin_64315174的博客
11-29 4209
vue项目创建步骤
vscode新建一个最简单的vue项目
09-27
接下来，我们将分步介绍创建Vue项目的步骤。 **一、安装必要工具** 首先，确保你已经安装了Node.js，因为Vue项目依赖于npm或yarn来管理依赖。同时，下载并安装Visual Studio Code。在VSCode中，我们需要安装以下两...
VUE 创建新项目
老四的博客
06-22 974
前提：安装node.js 官网下载。我是在VSCode的上写VUE代码，你可以在VSCode的终端里敲命令  如果你没创建过VUE项目，按如下步骤创建：<1>. 在项目里安装vux npm install vux --save<2>. 安装vux-loader （这个vux文档似乎没介绍，当初没安装结果报了一堆错误）  npm install vux-loader --sa...
Vue创建项目
taoCSD的博客
01-18 74
Vue 如何创建项目 vue init webpack 项目名 vue create 项目名 3.0版本 创建失败 看node 是否正常 node -v 脚手架是否正常安装 要是都正常可以卸载重新装 npm uninstall -g @vue/cli npm install -g @vue/cli 然后再创建项目 npm run dev 要是在vscode里边创建 可以再尝试用管理员身份打开创建 ...
vue创建项目流程
Debug的博客
05-28 320
.安装node.js环境 可以去官网下载安装包:https://nodejs.org/ 安装好后,可以输入node -v npm -v 成功的话会显示相应的版本号 2.安装vue-cli VUE脚本架工具 npm install -g vue-cli #回车,等待安装 vue -V #若出现vue信息说明成功 3.用vue-cli构建项目 vue init webpack vuedemo(这个可以是全路径+项目名称) #这里需要进行一些配置,默认回车即可
使用vue创建项目
【轰炸机】的博客
06-25 513
使用vue创建项目安装nodejs安装 cnpm安装 vue 和 vue-cli基于 webpack 模板的新项目项目文件结构build 保留各种打包脚本config 跟部署和配置相关dist 打包之后的文件所在目录node_modules node项目所用到的第三方包src 最最核心的源代码所在的目录。创建一个页面新建一个路由创建一个新的component http://vue_book.siwei.me/ 安装nodejs Node.js 安装包及源码下载地址为：https://nodejs.org/e
Vue项目创建
weixin_52465427的博客
04-02 966
以管理员的身份运行cmd ，否则可能出现一些不必要的麻烦 首先cd切换到目标目录 执行：vue create 项目名 选择自定义方式创建项目，选取Router, Vuex插件 选择第二个进入自定义配置： 5. 执行时，会提示下载源，选择淘宝镜像即可。（有大写的选大写，大写是建议的选项） 6.具体配置：上下键切换，空格键选择，回车键进入下一步 勾选Babel、Router、Vuex、Formatter ...
vue项目搭建流程
qq_35216414的博客
06-18 1519
②components文件夹放置所有的子组件，即每个页面级组件的子组件，例如：index页面级组件，把它分为header、content、footer三部分，只要在components文件夹下新建一个index文件夹（为了区分其他组件），放入对应的子组件。（3）、更改router文件夹的index文件（根据项目需求，引入对应页面，配置路由信息，进行页面跳转）（ / 代表跟路径）注意下载的位数，默认是win10的64位，下载mac，win7，32位等可点击官网顶部的下载。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值