文档地址 查看vue_cli版本号
vue --version
卸载之前的vue脚手架
npm uninstall vue-cli -g
安装最新的
npm i @vue/cli -g
嫌慢的可以安装淘宝镜像
npm install -g cnpm
创建项目执行
vue create vuedemo
一开始会有两个选项 第一个是默认安装 第二个是手动配置 一般选择手动配置
在这里配置项目需要的东西 项目空格为选中/取消 a为全选 i为反选 下面是我的项目配置
配置名 | 说明 |
---|---|
Babel | 转码器,可以将ES6代码转为ES5代码 |
TypeScript | JavaScript的超集 |
Router | vue路由 |
Vuex | vue的状态管理模式 |
CSS Pre-processors | CSS 预处理器 |
Linter / Formatter | 代码风格检查和格式化(如:ESlint) |
Unit Testing | 单元测试 |
E2E Testing | e2e测试 |
配置完回车下一步 这里是我选择的配置信息 选择完回车就会进行项目安装
安装完成后cd到文件夹中 执行npm run serve运行
拿到生成的本地服务器链接就可进行访问