3.0配置
npm install-g vue/cli(安装 vue/cli(Vue CLI 3的包名称由vue-cli改成了 vue/cli)
vue-V(查看版本)
vue create项目名(vue create my_vue)(新建项目)
首先,会提示你选择一个preset(预设):
如果没有配置保存过,则只有以下两个选项:
default(babel,eslint):默认设置(直接enter)非常适合快速创建一个新项目的原型,没有带任何辅助功能的npm包
Manually select features:手动配置(按方向键↓)是我们所需要的面向生产的项目,提供可选功能的npm包
?Check the features needed for your project:(Press<space>to select,<a>to toggle all,<i>to invert selection)
>()TypeScript//JavaScript的一个超集(添加了可选的静态类型和基于类的面向对象编程:类型批注和编译时类型检查、类、接口、模块、lambda函数)
()Progressive Web App(PWA)Support//渐进式Web应用程序
()Router//vue-router(vue路由)
()Vuex//vuex(vue的状态管理模式)
()CSS Pre-processors//CSS预处理器(如:less、sass)
()Linter/Formatter//代码风格检查和格式化(如:ESlint)
()Unit Testing//单元测试(unit tests)
()E2E Testing//e2e(end to end)测试
2.0
#全局安装vue-cli
$cnpm install--global vue-cli
#创建一个基于webpack模板的新项目
$vue init webpack my-project
3.0
vue create vue-spring-login-summed
cd vue-spring-login-summed(进入到项目根目录)
npm i element-ui(添加element,一个element风格的UI框架)