使用vue创建项目的详细步骤

1 创建vue项目

(myvue是项目名称)

D:\myproject>vue create myvue      回车

使用vue创建项目的详细步骤_第1张图片
*default (bable,eslint) // 默认
Manually select features // 手动 *选择手动创建项目
如果不需要太多功能的话可以选择快速创建。选择第一个直接回车,进行项目创建

2 初始化项目

这里选择手动创建项目 (通过上下键移动,空格键选定,回车下一步)
使用vue创建项目的详细步骤_第2张图片
参数说明

() Babel                                                                      // 支持高阶语法转换

( ) TypeScript                                                            // 支持使用 TypeScript 书写源码

( ) Progressive Web App (PWA) Support           // 支持PWA

( ) Router                                                                    // 路由

( ) Vuex                                                                       // store

( ) CSS Pre-processors                                          // CSS 预处理器

( ) Linter / Formatter                                                // 代码风格检查和格式化

( ) Unit Testing                                                          // 支持单元测试

( ) E2E Testing                                                          // 支持E2E测试

自定义细节配置

Use class-style component syntax? (Y/n):是否使用babel做转义 yes

Use Babel alongside TypeScript for auto-detected polyfills? (Y/n) :是否使用class风格的组件语法 yes

Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n):是否使用history模式

Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default): 选择预处理的模式

这一步提示我们在项目里面需要支持何种动态样式语言,这里选择第二项
使用vue创建项目的详细步骤_第3张图片
这一步提示我们选择配置文件的位置,因为每个插件都有自己单独的配置文件,这里我们选择第二个
在这里插入图片描述
这一步提示我们是否将当前配置选项保存起来,方便下次创建项目时使用。输入 n,这边我选择的是不保存
在这里插入图片描述
开始下载依赖安装
使用vue创建项目的详细步骤_第4张图片
出现下面这个提示代表已经安装完毕
使用vue创建项目的详细步骤_第5张图片

你可能感兴趣的:(前端)