第一次用Vue写项目

最新推荐文章于 2023-05-15 12:31:01 发布

Roydly

最新推荐文章于 2023-05-15 12:31:01 发布

阅读量685

点赞数 1

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_63473024/article/details/123336809

版权

本文介绍了如何使用Vue CLI创建项目，包括手动选择项目特性、Vue版本选择及配置，强调了项目管理和基本流程，如使用版本控制系统、创建组件、设置路由以及页面布局和功能实现。

摘要由CSDN通过智能技术生成

项目开始前置

一创建项目----vscode

1-如果没有安装Vue的脚手架,要先安装

执行:npm install --global @vue/cli // 全局安装脚手架

2-创建项目

执行:vue create xxxx xxxx是项目名,不要大写和特殊符号

3-执行第二步的时候进行以下选择,根据需求来

3.1方向键上下选择想要的--这里选择 ==>Manually select features 按回车(选择的是特性配置选项)

Vue CLI v5.0.1
? Please pick a preset: (Use arrow keys)
> Default ([Vue 3] babel, eslint)
  Default ([Vue 2] babel, eslint)
  Manually select features

3.2 方向键上下移动空格选择,显示星号==>Babel：es6 转 es5. Router：路由 Vuex：数据容器，存储共享数据. CSS Pre-processors：CSS 预处理器，后面会提示你选择 less、sass、stylus 等. Linter / Formatter：代码格式校验

 Check the features needed for your project: (Press <space> to select, <a> to 
? Check the features needed for your project: (Press <space> to select, <a> to 
toggle all, <i> to invert selection, and <enter> to proceed)
 (*) Babel
 ( ) Type