vue-cli3.0 最新项目创建

1. 首先我们要打开终端工具 要检查一下node npm 的版本
vue-cli3.0 最新项目创建

2. 全局安装 vue cli

npm install -g @vue/cli

安装完成后 检查版本号 vue -V

3. 创建项目

vue create practice

(practice这个是文件名 可以随意替换)可以使用自己的项目名

4. 创建完成项目会让我们自己选择 默认(default)还是手动(Manually),如果选择default,一路回车执行下去就行了 这里我现在手动

vue-cli3.0 最新项目创建
vue-cli3.0 最新项目创建
选择配置,看个人项目需求
空格键是选中与取消,A键是全选
Choose Vue version 选择视图版本
Babel 支持es6
TypeScript 支持使用 TypeScript 书写源码
Progressive Web App (PWA) Support PWA 支持。
Router 支持 vue-router 。
Vuex 支持 vuex 。
CSS Pre-processors 支持 CSS 预处理器。
Linter / Formatter 支持代码风格检查和格式化。
Unit Testing 支持单元测试。
E2E Testing 支持 E2E 测试。

选择完配置后 回车

5.当配置选择完成后 会出现选择版本 在此我选择的是3.x
vue-cli3.0 最新项目创建
在选择完成3.x 后会出现下图 这个是让您选择配置文件放到哪里
第一个是独立文件夹位置,第二个是在package.json文件里
我选择放package.json配置文件,选第二个然后回车,回车之后有个选择Y/N,我选择的Y,然后直接回车就安装成功啦
vue-cli3.0 最新项目创建

6. 最后npm run serve运行项目

cd practice //进入到项目根目录
npm run serve //运行项目

vue-cli3.0 最新项目创建
这样应该项目就创建完成了
如果有问题 请大家多提意见 !!!!