【Vue】从零开始创建一个Vue项目(详细步骤)

一、准备环境

1.安装node.js

2.全局安装@vue/cli

二、创建vue项目

1.在你想要创建vue项目的目录使用管理员权限打开命令行界面，执行命令：

2.根据需求自行选择vue2或vue3

三、启动vue项目

1.命令行启动vue项目

2.默认为8080端口，我们直接打开浏览器输入显示的网址：http://localhost:8080/，项目启动成功。

一、准备环境

1.安装node.js

下载地址：Node.js

安装过程不多赘述，安装完成后使用命令查看，如果输出版本号，说明我们安装node环境成功

2.全局安装@vue/cli

下载地址：Vue.js - 渐进式 JavaScript 框架 | Vue.js

在命令行输入：

npm install -g @vue/cli

如果运行失败可以尝试使用管理员权限运行此命令，之后使用vue --version检查是否安装成功，如果输出版本号即为安装成功

二、创建vue项目

1.在你想要创建vue项目的目录使用管理员权限打开命令行界面，执行命令：

vue create vue_test

2.根据需求自行选择vue2或vue3

出现以下界面，项目创建成功：

三、启动vue项目

1.命令行启动vue项目

执行命令：(在创建的项目路径下执行)

npm run serve

2.默认为8080端口，我们直接打开浏览器输入显示的网址：http://localhost:8080/，项目启动成功。

【Vue】从零开始创建一个Vue项目(详细步骤)相关推荐

IDEA创建一个JavaWeb项目详细步骤
刚好最近在写数据库大作业任务书,留了一份,发在博客上提前说明使用IDEA+Html5+CSS+JavaWeb+MySql开发,并使用Tomcat部署在本地服务器上. 其中JDK版本为1.8, My ...
从零开始创建一个vue项目 1
从零开始创建一个vue项目创建空文件夹,存放相关目录,cmd进入命令行 vue init webpack token 创建项目(除eslint,其它都yes) 打包配置config下面的index. ...
从零开始创建一个uni-app项目
从零开始创建一个uni-app项目新建项目目录说明文件结构安装uview 安装ucharts 新建项目创建uni-app项目首先要下载HBuilder X,HBuilderX下载地址: 下载 ...
创建一个web项目的步骤
花费了大量的时间在结构目录上. 记下来免得下次忘记了步骤文章目录创建一个web项目创建c3p0的xml文件使用细节创建一个web项目新建一个项目创建好后目录中有图中方框内的内容添加WE ...
从零开始写一个框架的详细步骤
定位所谓定位就是回答几个问题,我出于什么目的要写一个框架,我的这个框架是干什么的,有什么特性适用于什么场景,我的这个框架的用户对象是谁,他们会怎么使用,框架由谁维护将来怎么发展等等. 如果你打算写框 ...
从零开始创建一个vue项目
1.安装淘宝镜像: npm install -g cnpm --registry=https://registry.npm.taobao.org 2.安装webpack: cnpm install w ...
iar怎么新建立项目_请简述IAR中创建一个应用项目的步骤及配置过程。
[多选题]公路工程中应用的石灰要求达到( ). [多选题]在石灰工业废渣稳定土施工前,取有代表性石灰样品进行下列试验( ). [单选题]在沥青混合料中掺加适量消石灰粉,可以有效提高沥青混合料的( ). ...
前端框架之Vue(1)-第一个Vue实例
vue官方文档知识储备 es6语法补充 let 使用 var 声明的变量的作用域是全局. {var a = 1; } console.info(a); // 1 例1: var arr = []; ...
使用webpack脚手架创建一个vue项目
使用webpack脚手架创建一个vue项目前言介绍前期环境准备开始创建项目实例交流前言介绍创建vue的项目方式有很多种,这里仅介绍使用webpack脚手架来创建一个vue项目,下面将创建 ...
从零开始搭建一个vue项目 -- vue-cli/cooking-cli（一）
从零开始搭建一个vue项目 -- vue-cli/cooking-cli(一) 1.vue-cli搭建一个可靠成熟的项目 1.介绍 vue-cli 我是去年六月份接触的vue1.0,当时还是个菜逼,当 ...

【Vue】从零开始创建一个Vue项目(详细步骤)

1.安装node.js

2.全局安装@vue/cli

二、创建vue项目

1.在你想要创建vue项目的目录使用管理员权限打开命令行界面，执行命令：

2.根据需求自行选择vue2或vue3

三、启动vue项目

1.命令行启动vue项目

2.默认为8080端口，我们直接打开浏览器输入显示的网址：http://localhost:8080/，项目启动成功。

【Vue】从零开始创建一个Vue项目(详细步骤)相关推荐

最新文章

热门文章