【前端开发】各种创建vue项目

1、 可视化创建vue项目

1.1安装vue-cli 推荐使用cnpm速度更快

cnpm install -g @vue/cli

1.2、安装完成之后

vue ui

网页弹出可视化界面 选好路径

配置

创建，不保存预设，然后创建出成功的界面

点击运行，输出

进入这个页面 代表成功

2、命令行创建项目

2.1、在要创建的文件路径下cmd命令行输入

vue create myProject

default (bable，eslint） // 默认

Manually select features // 手动 **选择手动创建项目

2.2、如果不需要太多功能的话可以选择快速创建。选择default 直接回车，进行项目创建

2.3、 再输入 npm run serve 回车启动服务

浏览器输入 端口号能进入代表成功

3 拉取 2.x 模板 (旧版本)

3.1、在要创建的文件路径下cmd命令行输入

npm install -g @vue/cli-init --registry=https://registry.npm.taobao.org
vue init webpack myProject

3.2确认项目名，直接回车

3.3 项目描述，可不写，这里直接回车

3.4作者，可不写，这里直接回车

3.5vue的编译方式：运行环境 + 编译器；仅运行环境。这里我们选择第一个，回车

3.6是否下载路由，根据自个需求选择。这里不选择，输入 n ，回车

3.7是否使用ESLint美化代码，根据自个需求选择。这里不选择，输入 n ，回车

3.8是否使用单元测试，输入 n ，回车

3.9是否使用E2E测试，输入 n ，回车

3.11创建项目后的运行方式：npm；yarn；自行选择。这里我们选择npm方式，回车

3.12创建项目

3.13输入 cd vueinit004 进入项目

输入 npm run dev 启动项目，

3.13停止项目，安装项目依赖包

ctrl+c终止运行之后输入：
命令：npm install --registry=https://registry.npm.taobao.org

生成node_modules
输入 npm run dev 启动项目，ok!!