自定义创建vue工程

自定义创建vue工程

vue官网&＃xff1a;

1. 英文官网: https://vuejs.org/
2. 中文官网: https://cn.vuejs.org/

安装 vue/cli&＃xff1a;https://cli.vuejs.org/zh/guide/installation.html

安装之前可以使用淘宝镜像&＃xff1a;加速npm

npm config set registry https://registry.npm.taobao.org

1. 使用npm安装脚手架

npm install -g &＃64;vue/cli


2. 查看脚手架是否安装成功

vue --version


3. 创建一个vue项目

格式 vue create 项目名

vue create test


通过上下箭头选择需要的选项&＃xff08;这里我们自定义创建项目&＃xff0c;所以我选择最后一个&＃xff09;按enter进入。

上下箭头选择对应选项&＃xff0c;空格勾选&＃xff0c;这里我们选择Babel与Router&＃xff0c;去掉Linter/Formatter&＃xff0c;勾选完成之后按enter进入下一级
Bable 基础编译器
TypeScirpt 使用TypeScript
Progressive Web App(PWA) Support 渐进式web应用
Router 路由管理器
Vuex 项目状态管理
Css Pre-processors Css预处理器
Linter / Formatter 代码风格检查和格式化
Unit Testing 单元测试
E2E testing 端对端测试

根据需要选择对应版本

选择Yes

选择下面的package.json

然后再保存即可。

最后运行&＃xff1a;

cd vue
npm run serve


进入目录文件夹查看&＃xff1a;

大功告成。