创建vue项目

两种方式

1、npm 创建

npm init vue

2、vite 创建

npm create vite@latest 项目名称 -- --template vue

3、gitHook使用
npx是一个工具,npm v5.2.0引入的一条命令(npx)

//初始化husky
npx husky-init

4、安装commitlist,代码提交规范化
网址:https://github.com/conventional-changelog/commitlint

# Install commitlint cli and conventional config
npm install --save-dev @commitlint/{config-conventional,cli}
# For Windows:
npm install --save-dev @commitlint/config-conventional @commitlint/cli

# Configure commitlint to use conventional config
echo "module.exports = {extends: ['@commitlint/config-conventional']}" > commitlint.config.js

添加hook

//这句代码只有在liux与mac系统有效
npx husky add .husky/commit-msg  'npx --no -- commitlint --edit ${1}'

//window系统需用下面代码
npx husky add .husky/commit-msg
//上面的代码会在项目中生成一个commit-msg文件,然后在文件中配置
npx --no-install commitlint --edit

例子如下:
创建vue项目_第1张图片

5、安装 vant ui框架

//本应该是不用指定版本的,但是直接安装的版本是vant4.0以上的版本了,
//4.0版本与3.6版本有些组件有比较大区别了,但他俩都是属于vue3版本使用的ui
npm i vant@3.6.4

你可能感兴趣的:(vue.js,javascript,前端)