vue3+ts项目搭建

⛰️个人主页:     蒾酒

🔥系列专栏:《vue3实战》

🌊山高路远,行路漫漫,终有归途。


目录

前置条件

基础工程模板搭建 

测试环境变量是否配置成功

初始化vue项目

安装常用依赖

基础项目目录介绍


前置条件

请确保已经装好node,并配置好环境变量

下载地址:

Node.js — Download (nodejs.org)icon-default.png?t=N7T8https://nodejs.org/en/download

基础工程模板搭建 

测试环境变量是否配置成功

查看版本命令

打印出版本号代表配置成功。

初始化vue项目

npm init vue@latest

依次选择即可。

初始化完毕依次执行

1.安装项目所需依赖

npm install

2.运行项目

npm run dev

浏览器访问该地址

此时我们用VScode打开项目。文件-打开文件夹-选择新创建的vue项目目录

安装常用依赖

vscode打开终端

安装element-plus(vue最常用组件库)

npm i element-plus -S

安装axios(Ajax的封装)

npm i axios -s 

 安装完毕可以看到package.json文件如下内容:

基础项目目录介绍

下面介绍常用的一些目录以及文件。

相关推荐

  1. vue-cli+vue3+vite+ts uniapp项目全过程(二)

    2024-02-20 04:18:01       34 阅读
  2. Vue3+Ts+Vite2+Pinia 开发框架

    2024-02-20 04:18:01       46 阅读

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-02-20 04:18:01       94 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-02-20 04:18:01       100 阅读
  3. 在Django里面运行非项目文件

    2024-02-20 04:18:01       82 阅读
  4. Python语言-面向对象

    2024-02-20 04:18:01       91 阅读

热门阅读

  1. 2月19日,每日信息差

    2024-02-20 04:18:01       50 阅读
  2. Python 将一维数组或矩阵变为三维

    2024-02-20 04:18:01       62 阅读
  3. 阿里云香港服务器是cn2吗?怎么测试?

    2024-02-20 04:18:01       54 阅读
  4. C++ lock_guard的使用

    2024-02-20 04:18:01       59 阅读
  5. Uni-App《》

    2024-02-20 04:18:01       51 阅读
  6. MySql5.7之ERROR 1045 (28000)问题处理

    2024-02-20 04:18:01       54 阅读