一.安装vue-cli3
1.卸载原来的 npm uninstall vue-cli -g
2.安装新的 npm install @vue/cli -g 或 npm install -g @vue/cli
3.用这个命令来检查其版本是否正确 .vue -V
二、.在新文件夹下创建项目 vue create new-travel
1.自己切换到自己到目录下,新建项目,vue create 项目名;
运行后会出下下面的界面,让你选择默认(default)还是手动(Manually)
按键盘上下键可以选择默认(default)还是手动(Manually),如果选择default,一路回车执行下去就行了
这里我现在手动(Manually);
2.空格键是选中与取消,A键是全选
TypeScript 支持使用 TypeScript 书写源码
Progressive Web App (PWA) Support PWA 支持。
Router 支持 vue-router 。
Vuex 支持 vuex 。
CSS Pre-processors 支持 CSS 预处理器。
Linter / Formatter 支持代码风格检查和格式化。
Unit Testing 支持单元测试。
E2E Testing 支持 E2E 测试

3.回车,询问我是否用history mode 的模式,我选的 no

4.然后css的预处理,我选择的是stylus

5.配本要单独放在一个文件里所以选第一个

6.配置是否保存给别的项目使用,选 n

7.安装完成

Vue-cli3安装与项目创建教程
本文介绍了Vue-cli3的安装与项目创建过程。先卸载原有的vue-cli,再安装新的@vue/cli并检查版本。接着在新文件夹下创建项目,可选择默认或手动配置,手动配置时可选择TypeScript、PWA支持等,还涉及路由模式、CSS预处理等设置。
1390

被折叠的 条评论
为什么被折叠?



