自定义创建vue工程

自定义创建vue工程

vue官网：

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

安装 vue/cli：https://cli.vuejs.org/zh/guide/installation.html

安装之前可以使用淘宝镜像：加速npm

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

1. 使用npm安装脚手架

npm install -g @vue/cli

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

vue --version

3. 创建一个vue项目

格式 vue create 项目名

vue create test

通过上下箭头选择需要的选项（这里我们自定义创建项目，所以我选择最后一个）按enter进入。

上下箭头选择对应选项，空格勾选，这里我们选择Babel与Router，去掉Linter/Formatter，勾选完成之后按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

然后再保存即可。

最后运行：

cd vue
npm run serve

进入目录文件夹查看：

大功告成。