安装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'
最终项目结果: