vue-cli3.0 最新项目创建
1. 首先我们要打开终端工具 要检查一下node npm 的版本
2. 全局安装 vue cli
npm install -g @vue/cli
安装完成后 检查版本号 vue -V
3. 创建项目
vue create practice
(practice这个是文件名 可以随意替换)可以使用自己的项目名
4. 创建完成项目会让我们自己选择 默认(default)还是手动(Manually),如果选择default,一路回车执行下去就行了 这里我现在手动
选择配置,看个人项目需求
空格键是选中与取消,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
在选择完成3.x 后会出现下图 这个是让您选择配置文件放到哪里
第一个是独立文件夹位置,第二个是在package.json文件里
我选择放package.json配置文件,选第二个然后回车,回车之后有个选择Y/N,我选择的Y,然后直接回车就安装成功啦
6. 最后npm run serve运行项目
cd practice //进入到项目根目录
npm run serve //运行项目
这样应该项目就创建完成了
如果有问题 请大家多提意见 !!!!