Vue-Cli学习（一）——安装脚手架和初始化项目

最新推荐文章于 2023-03-21 10:39:42 发布

「已注销」

最新推荐文章于 2023-03-21 10:39:42 发布

阅读量144

点赞数

分类专栏： Vue 文章标签： vue

本文链接：https://blog.csdn.net/qq_31755699/article/details/109624891

版权

Vue 专栏收录该内容

22 篇文章 1 订阅

订阅专栏

Vue-Cli学习（一）——安装脚手架和初始化项目

Day1

文章目录

Vue-Cli学习（一）——安装脚手架和初始化项目
前言
一、Vue-cli 安装
二、初始化项目
总结

前言

此文章根据官方文档及些网络资料编写，仅供个人使用。

提示：以下是本篇文章正文内容，下面案例可供参考

一、Vue-cli 安装

全局安装，在CMD上输入

npm install -g @vue/cli
# OR
yarn global add @vue/cli

在这里插入图片描述

安装完后使用这个查看版本

vue --version

在这里插入图片描述

二、初始化项目

第一步：创建项目

vue create test

第二步：他问你安装vue2、vue3还是自选，这里我们选自选

在这里插入图片描述

第三步：我们这里如图选择，空格选择,选完回车

在这里插入图片描述

1>(*) Choose Vue version
2  ( ) Babel // 将ES6代码转为ES5执行
3  ( ) TypeScript // 需要被编译输出为 JavaScript在浏览器运行，目前较少人再用
4  ( ) Progressive Web App (PWA) Support // 渐进式网页应用
5  ( ) Router // vue路由
6  ( ) Vuex // 状态管理模式
7  ( ) CSS Pre-processors // CSS 预处理器（如：less、sass）
8  ( ) Linter / Formatter // 代码风格检查和格式化（如：ESlint）
9  ( ) Unit Testing // 单元测试（unit tests）10 ( ) E2E Testing // e2e（end to end） 测试
10 ( ) E2E Testing // E2E测试

第四步：选3.x，回车

在这里插入图片描述