新建一个Vue项目

最新推荐文章于 2024-03-25 14:54:12 发布
最新推荐文章于 2024-03-25 14:54:12 发布
阅读量125 收藏 1
点赞数
分类专栏： [Vue] 文章标签： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Delicious_Life/article/details/103447990
版权

目录

卸载旧的vue-cli

安装node.js

安装Vue脚手架

使用vue-cli创建项目

启动项目

效果展示

 

卸载旧的vue-cli

 

npm uninstall vue-cli -g

 

 

安装node.js

 

进入node.js官网下载LTS版本的node.js,地址如下https://nodejs.org/en/download/ 

 

安装后，输入node -v，如果出现版本信息即表示安装成功

在这里插入图片描述

 

 

安装Vue脚手架

 

 在cmd中输入下面命令

npm install -g vue-cli

 

安装后，输入vue -V，如果出现版本信息即表示安装成功。注意V大写

 

 

使用vue-cli创建项目

 

 

找一个路径，输入vue init webpack +项目名称。

注意：你自己起的项目名称一定不要有大写字母

之后会提示你安装可选项，一般自己做的小项目有test提示安装的选n，其他的都选y

 

 

启动项目

 

 cd到这个项目中，输入npm install安装依赖包

 

输入npm run dev启动项目

 

 

效果展示

 

 打开：localhost:8080，即可看到vue项目

如何新建一个Vue项目并导入element-ui的模板
ly_yanbo的博客
03-21 7832
一、基本环境配置 工欲善其事必先利其器！配置环境也是很让初学者头疼的问题，但作为基础还是要学的，切莫眼高手低。这个操作适用于Windows系统，同时各个环境及配置都是最新版本。 首次创建需要的配置有: npm 想要下载 npm 可以先去 Node 的官网上下载安装 Node ，安装完 Node 之后会自带 npm 。此刻可以通过命令语句 npm -v 查看 npm 是否安装成功。可根据需要更新...
使用IDEA新建一个VUE项目
一叶的博客
04-08 1万+
1.安装VUE运行环境 1) 安装node.js,Node.js 安装包及源码下载地址为：https://nodejs.org/en/download/ 2)安装cnpm(淘宝镜像):在命令行输入npm install -g cnpm --registry=https://registry.npm.taobao.org,等待安装完成 3)安装vue-c...
vue工程，新建的项目工程
03-23
vue工程，新建的项目工程，vue工程，新建的项目工程，vue工程，新建的项目工程
新建Vue工程
独爱射白鹿的博客
10-23 274
单纯引入 <!-- 开发环境版本，包含了有帮助的命令行警告 --> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> <!-- 生产环境版本，优化了尺寸和速度 --> <script
新建Vue项目工程
果vinegar的博客
08-10 295
新建Vue项目 安装Node https://nodejs.org/zh-cn/ 创建工程： 1、安装淘宝镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org 　　注：下面的npm可换成cnpm下载快 2、安装webpack：npm install webpack -g 3、安装vue脚手架：npm install vue-cli -g 4、配置环境变量 D:\nodejs\node_global\ ...
新建Vue工程(详细版)
weixin_45969142的博客
02-26 1913
一：新建Vue工程 1.wind+R 输入cmd [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-b1c56TTP-1614316101730)(新建Vue工程.assets/image-20210226123949447.png)] 2.输入vui ui 3.进入项目管理器 4.确定工程目录 5.点击创建项目 6.点击下一步 7.创建项目成功 二：添加axios依赖 1.进入安装依赖 2.安装axios依赖 3.安装成功 三：添加element-ui 1
解决新建一个vue项目过程中遇到的问题
01-22
我就废话不多说了，大家还是直接看代码吧~ /usr/local/bin/node /usr/local/lib/node_modules/npm/bin/npm-cli.js run dev --scripts-prepend-node-path=auto > mytodolists@1.0.0 dev /Users/chenqiurui/...
vscode新建一个最简单的vue项目
09-27
打开命令行工具，进入刚刚创建的`vue-test`目录，然后运行以下命令来初始化一个新的Vue项目： ```bash vue create vue-test ``` 这将启动Vue CLI（命令行界面），引导你选择项目配置。对于初学者，你可以选择...
如何创建一个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项目
Chona
06-27 331
因为有时间所以就把前端一个个总结一下，今天呢自己创建一个vue项目玩玩第一步、由于vue项目依赖npm，所以需要先安装检查是否有安装 nodejs、npm 、vue win+r 输入cmd 然后输入 输入npm -v  回车 会出现npm的版本 ，若没有 打开 https://nodejs.org/en/ 进行安装，nodejs安装成功，npm也会有输入vue -V （V必须是大写）回车 会出现v...
前端工程（一）：创建一个Vue项目工程
最新发布
兮和的个人博客
03-25 780
创建一个Vue工程
如何创建 Vue 工程
Kevin_CY_DLJ的博客
12-11 337
前言 Vue框架有两种使用方式： 1、一种是通过在HTML文件中引入 vue.js 的文件 2、另一种是通过脚手架 vue-Cli 创建一个 vue 工程 今天我要介绍的就是第二种方式 安装三个软件：VsCode，nodejs，cmder，其中 cmder 是用于代替 cmd ，非必须。 第一步：准备相应环境 1.webpack [ 在 cmd 或 cmder 中完成 ] npm insta...
vue项目创建
多一点开心
05-19 152
vue项目搭建一、安装node二、安装vue-cli三、创建vue项目 一、安装node 1、下载地址：https://nodejs.org/en/ 2、下载安装后：输入node-v，检查是否安装成功 vue官方推荐node版本8.9以上 二、安装vue-cli 创建一个组件化的vue项目需要用到webpack，但是我们自己配置webpack太复杂了，所以vue官方给我们提供了一个脚手架工具vue-cli，vue-cli能帮我们配置一些基础的webpack内容，快速搭建一个vue项目，生成一个基础的vu
Vue项目的创建
hhy
03-24 2052
vue3项目的创建及项目文件的认识
快速搭建简单的vue-cli工程
王工头的博客
04-16 172
打开windows命令行，输入几个指令： node -v npm -v (或者这里可以使用cnpm会快点) vue -V webpack -v 确认以上四个环境都配置好了，基本出现版本号了就正常 在桌面新建一个空文件夹test cd /test vue init webpack 详细请见https://www.jianshu.com/p/1ee1c410dc67 ...
vue 如何新建一个项目
Within的博客
08-26 857
1：打开cmd命令行，首先安装node 步骤：https://nodejs.org/en/download/      node官网，选择跟自己的电脑匹配的版本进行下载，然后一步步的安装即可，输入node -v，如果出现版本信息即表示安装成功。 2：npm包管理器是集成在node中的，所以直接输入npm -v就能查看到版本信息 3：输入npm install -g cnpm --regist...
vue环境搭建及vue新建一个项目（最简洁版）
起风了的博客
06-13 1万+
一、vue开发环境搭建 1、安装nodejs 步骤：在node官网(https://nodejs.org/en/download/ )选择跟自己的电脑匹配的版本进行下载，然后一步步的安装即可，在cmd控制台输入node -v，如果出现版本信息即表示安装成功。 2、npm包管理器是集成在node中的，所以直接输入npm -v就能查看到版本信息，若出现版本信息则表示npm能正常使用。 3、...
【保姆级】如何创建一个Vue工程
今天你学Java了吗
06-10 2567
本文介绍如何创建一个Vue工程，从前置下载操作到一步步选择，最终成功创建一个Vue工程，使用到Vue-Cli，文中每一步都有图例对照，并有报错后的应对方法，方便小白成功创建一个Vue工程，堪称保姆级教程，建议收藏
如何新建一个vue项目
03-02
要新建一个Vue项目，可以按照以下步骤： 1. 首先，需要确保已经安装了Node.js和npm。可以在命令行中输入以下命令来检查版本是否正确： ``` node -v npm -v ``` 2. 安装Vue CLI（命令行界面），可以通过以下命令...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值