用@vue/cli创建一个webpack构建的项目

安装node.js不作描述，作者用的是git 工具

可检查node与npm的版本。

命令提示符输入：

node -v

npm -v

node与npm相关系：

node.js内置了npm（这也导致要下载npm的话，必须得下载node.js，其包含了npm）.

一、创建你的一个文件夹，在空白文件夹右键 git bash打开。

输入(安装脚手架）

npm install -g @vue/cli

输入 vue -v 查看版本并验证有无安装成功。

二、创建vue项目

vue create test

注意：test为项目名称且不可有大写。

进入到选项

1、 选择第三自定义

2、Choose Vue version 选择vue版本
Bable 基础编译器 ☑️
TypeScirpt 使用TypeScript
Progressive Web App(PWA) Support 渐进式web应用
Router 路由管理器 ☑️
Vuex 项目状态管理 ☑️
Css Pre-processors Css预处理器 ☑️
Linter / Formatter 代码风格检查和格式化 ☑️
Unit Testing 单元测试
E2E testing 端对端测试

3、Use history mode for router? 选择history模式或者hash模式？ Y
4、选择使用的预处理器
Sass/SCSS （with dart-sass）
Sass/SCSS （with node-sass）
Less ☑️
Stylus

5、选择eslink模式
ESLint with error prevention only ☑️
ESLint + Airbnb config
ESLint + Standard config
ESLint + Prettier

6、触发ESLink机制
Lint on save 保存时检查 ☑️
Lint and fix on commit 提交到远程时检查

7、Where do you prefer placing config for Bable, ESLint . etc?
In dedicated config files 配置文件放入独立文件中 ☑️
In package Json 配置文件放入package.json中

8、Save this as a preset for future projects? 是否记住我们的预设？
No

注意：如果你的选项没有颜色提示或上下键选择无效

你可通过 winpty vue.cmd create hello-world 启动这个命令创建项目。ctrl+c结束进程(hello-world )为项目名称。如果你继续想用vue create hello-world命令，可在C:\Users\hasee（本人）找到文件.bashrc没有可自己创建用Visual Studio Code打开加上alias vue='winpty vue.cmd'

最终项目结果：