安装新软件包
sudo npm install -g @vue/cli
查看是否已经安装
vue --version
创建新项目
vue create vuevant
第一个是选择默认配置
我们选择第二个,自己配置,按箭头上下键选择,回车,空格键选择
会出现下图
Babel:将ES6编译成ES5
TypeScript:是JavaScript的一个超集,扩展了JavaScript的语法。
Linter / Formatter:代码检查工具
CSS Pre-processors:css预编译
Unit Testing 单元测试
Use class-style component syntax?
使用class风格的组件语法? yes
Use Babel alongside TypeScript for auto-detected polyfills?
将Babel与TypeScript一起用于自动检测填充? Y
Use history mode for router?
路由使用历史模式?Y
Pick a CSS pre-processor
选择css预处理器 我选的less
Pick a linter / formatter config:
我选的eslint_airbnb
Pick additional lint features
lint on save (保存时检查)
Where do you prefer placing config for Babel, PostCSS, ESLint, etc.?
将所有的依赖放在 In package.json
Save this as a preset for future projects?
是否在以后的项目中使用以上配置 N
cd 进入项目
npm run serve