第一步,当然是更新本地环境啦
打开vue官网,找到上面的
点进去, 点击安装,里面有详细的教程,输入
npm install -g @vue/cli
复制代码
安装好了以后,找到一个干干净净的终端,可以但不限于vs code 的终端,开敲~
敲完回车,会出来是哪个选项~
1.第一个和第二个咱不看,创建含有括号内的内容的脚手架,默认的有啥意思,选择第三个,自己选择,大力点回车
2.到这一步会出来很多东西,一个个说
(1)第一个就比较直观了,问你选择vue版本不,不选的话默认vue2,选了以后还是可以灵活选择的
(2)babel 将es6语法转义成es5的 必选
(3)ts 看需求,如果你用的是anyscript,大可不必占空间,当然最好是选上了
(4)Progressive Web App (PWA) Support 给项目添加一些webapp支持,比如可以在移动端支持发送到桌面图标,根据不同平台和浏览器尝试去掉浏览器自带的地址栏、底栏实现全屏体验等,意义不大,后期可以在index.html中自己加上一些配置,可以不选
(5)Router 必选
(6)vuex vuex就像眼镜,你需要的时候自然会用到他,但是刚创建项目的时候不知道能不能用上,怎么办,那就先装着吧,选上!
(7)CSS Pre-processors css预处理 可选,需要就勾上
(8)(9)(10)分别是代码风格、格式校验,单元测试,端对端测试,都不选
(注意选的时候空格是控制选中状态的,回车是确认,上下箭头控制选择xiang)
3.选择vue版本
当然是选3.x啦
4.使用类样式的组件语法?
当然不用 用力输入n然后回车
5.和TypeScript一起使用Babel(现代模式、自动检测的腻子脚本、编译JSX)?
yes
6.使用历史模式路由器?
nope
7.你要用啥管理各种配置
当然是package.json,项目当然是小小的才可爱
8.将此保存为未来项目的预置?
no
回车!
搭建成功,撒花