「这是我参与2022首次更文挑战的第2天，活动详情查看：2022首次更文挑战」。

项目初始化

1.首先：先从nodejs.org中下载nodejs

2.使用淘宝镜像： npm install -g cnpm --registry=registry.npm.taobao.org

3.全局安装 vue-cli ： cnpm install vue-cli -g

安装好后可以通过vue -V查看版本

创建 vue 项目

文件夹下运行 cmd， vuebasics就是我们创建项目的名字

vue create vuebasics

wangyujuan 是我原来保存好的模板, default是使用默认配置, Manually select features 是自定义配置

按向下的箭头选择到Manually select features 按回车，然后根据提示选择我们需要的选项按空格确定选择或不选择,选中有*

项目所需的特性的话，下面五个就差不多了， Linter / Formatter可以选，但是这个代码校验选项会报一些错啊，比较麻烦，就直接先关闭不用吧

Router 是 vue-router（vue路由），我们在项目中会用到的 vuex 是 vue的状态管理模式 CSS Pre-processors CSS 预处理器（如：less、sass）

项目Vue.js版本我们选择2.0

使用history模式来创建路由，history —— 利用了 HTML5 History Interface 中新增的 pushState() 和 replaceState() 方法。（需要特定浏览器支持）这两个方法应用于浏览器的历史记录栈，在当前已有的 back、forward、go 的基础之上，它们提供了对历史记录进行修改的功能。只是当它们执行修改时，虽然改变了当前的 URL，但浏览器不会立即向后端发送请求

选择一个CSS预处理器我们选择Sass/SCSS (with node-sass)

选择一个linter / formatter配置我们选择Prettier 主要是做风格统一。代码格式化工具

语法检查方式，选择保存就检测 Lint on save

将配置文件放在package.json中 In package.json

将此保存为未来项目的预设的话，输入Y，会需要给这个预设取保存的一个名字，第一步所看到的我保存的名字为wangyujuan