vue样式初始化_vue-cli3初始化项目

本文指导如何通过npm全局安装Vue CLI3,然后使用它创建一个新项目,并在项目配置中选择Babel、TypeScript、Vue Router、Vuex、CSS预处理器等特性。在项目创建过程中,涉及了是否使用Class风格组件、是否使用Babel配合TypeScript以及选择CSS预处理器(如Sass/SCSS)。此外,还讨论了代码检查工具的选择和配置,以及在项目中添加自定义的vue.config.js文件来调整端口和设置代理。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

1npm install -g @vue/cli

创建配置

创建1vue create vue-app

选择配置1

2

3

4? Please pick a preset: (Use arrow keys)

1 (babel, eslint)

default (babel, eslint)

Manually select features

保存过的配置

默认配置

自定义配置

自定义配置1

2

3

4

5

6

7

8

9

10? Check the features needed for your project:

(*) Babel

(*) TypeScript

( ) Progressive Web App (PWA) Support

(*) Router

( ) Vuex

(*) CSS Pre-processors

(*) Linter / Formatter

(*) Unit Testing

( ) E2E Testing

可以直接按数字键1,2,3,4进行选择

Babel:将ES6编译成ES5

TypeScript:JS超集,主要是类型检查

Router和Vuex,路由和状态管理

Linter/ Formatter:代码检查工具

CSS Pre-processors:css预编译 (稍后会对这里进行配置)

Unit Testing:单元测试,开发过程中前端对代码进行自运行测试

1Use class-style component syntax? (Y/n) y

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值