第二次新建一个Vue前端项目我都做了哪些操作

目录

第二次新建项目操作

---

第一次的新建项目操作请先浏览此文章 ：

整理 Vue 项目 从 0 到 1 搭建_雨季mo浅忆的博客-CSDN博客_vue项目从0到1

---

---

第二次新建项目操作

1、选择一个盘符，新建一个文件夹（ ITDC ）：用于存放此前端项目

 

2、进入此文件夹目录 （ ITDC 内 ）

3、打开终端 =>  CMD 黑窗口 或 Git Bash Here

4、输入 检测命令行  node -v  检测你是否已安装 node （ 推荐 v10 版本以上 ）

5、输入 检测命令行  vue -V  注意 ： 这里的 V 要大写 ，或者 vue --version 检测是否安装

6、输入 创建命令行  vue vreate  xxx（项目名称）

Vue 前端代码风格指南_雨季mo浅忆的博客-CSDN博客

 

7、手动配置选择功能 （ 此处省略具体步骤 ）

Mac 之 Vue.cli4.X 项目搭建

回车确认 ， 空格选中

 > Manually select features

 > 

◉ Choose Vue version

选择要启动项目的 Vue.js 版本

◉ Babel

将现代Javascript转换为旧版本（为了兼容性）

◉ Router

使用动态页面构建应用程序

◉ Vuex

使用集中存储管理应用程序状态

◉ CSS Pre-processors

添加对Css预处理器的支持，如Sass、Less或Stylus

◉ Linter / Formatter

使用Eslint或Prettier检查并强制执行代码质量

 > 2.x（ 选择要启动项目的Vue.js版本 ）

 > Y es（ 路由器是否使用历史模式？（需要为生产中的索引回退进行适当的服务器设置））

（ 通过使用 HTML5 History API ，URLs 不再需要 ‘ # ’ 字符 ）

 > Sass/SCSS（with dart-sass） （ 选择一个CSS预处理器 ）

（ 默认情况下支持 PostSS、Autoprefixer 和 CSS 模块。 ）

 > Eslint + Prettier（ 选择一个 linter / formatter 配置 ）

（ 建议检查代码错误并强制执行同一代码样式 ）

（ 仅具有错误预防功能的 Eslint 、Eslint + Airbnb 配置 、

    Eslint + Standard 配置 、Eslint + Prettier ）

 > Lint on save （ 语法检查方式 ）

（ 直接使用默认（保存时检测） ）

 > In dedicated config files （ 选择配置文件的保存位置 ）

（ 直接使用默认（各配置分为独立文件放置） ）

 > N o  （ 是否将其保存为未来项目的预设？ ）

等待安装 Loading 。。。 这里 Mac 比 Windows 的快了近两分钟 。。

Vue CLI v4.5.14
✨  Creating project.
.......
.......
�  Successfully created project test_vue_cli_01.
�  Get started with the following commands:
 
 $ cd web-itdc-pc
 $ npm run serve

8、cd 项目名称 （ cd web-itdc-pc ）

9、npm run serve

这里 Mac 不到 10S 启动完毕 ， Windows 近 1 分钟 。。

---

其实还可以使用 vue ui  可视化窗口来进行创建 ， 更直观明了