共计 1204 个字符,预计需要花费 4 分钟才能阅读完成。
一、全局装置 @vue/li
npm install -g @vue/cli
或者
yarn global add @vue/cli
二、装置最新版本的 node
移步 http://nodejs.cn/download/,依据须要下载对应版本
三、初始化
在你冀望的文件夹下,执行:
vue create projectName(名字本人取)
而后呈现上图所示内容(方框里提醒我 cli 版本升级,临时疏忽)
往下看,须要咱们本人抉择一种预设,前两种是默认的 vue2、vue3,抉择当前能够一路回车上来。如果想要自定义,抉择:manually select features(手动抉择),而后回车,呈现以下界面:
这一步须要你为项目选择一些个性化的设置, 留神括号里的操作提醒:键盘按 space 抉择,a 切换全副,i 反转抉择。
而后来解释以下上面几个选项的意思:
- Choose Vue version:vue 的版本
- Babel:是否须要 babel
- Typescript:是否须要 ts
- Progressive Web App (PWA) Support:渐进式 Web 利用(PWA)反对
- Router:vue 路由
- Vuex:vue 状态管理器
- CSS Pre-processors:CSS 预处理器(比方 less、sass)
- Linter / Formatter:代码格调检查和格式化
- Unit Testing:单元测试
- E2E Testing:E2E 测试
依据须要抉择你的设置,我的抉择是:
选中当前再次回车, 会挨个进行第二波抉择 ,我最终的抉择是:
再解释一次各项的意思:
- Choose a version of Vue.js that you want to start the project with:你想以哪个 vue 版本开始你的我的项目,我选了 2.x
- Use history mode for router?:路由是否抉择 history 模式,我选了是
- Pick a CSS pre-processor:抉择一种 css 预处理器,我抉择了 less
- Pick a linter / formatter config:抉择一种代码格局配置,我抉择了 standard
- Pick additional lint features:抉择其余 lint 性能,第一个是保留检测,第二个是 fix 和 commit 的时候检测,我选了第一种
- Pick a unit testing solution:抉择单元测试解决方案,我选了 Jest
- Where do you prefer placing config for Babel, ESLint, etc.? 您喜爱在哪里搁置 Babel、ESLint 等的配置?第一个是独立文件夹地位,第二个是在 package.json 文件里,我抉择了独立的
- Save this as a preset for future projects:将此保留为未来我的项目的预设(询问是否记录这一次的配置,以便下次应用)
依然是依据本人的须要进行抉择,最初回车即可。
而后就会看到开始主动构建了
依据蓝色字体的提醒,启动我的项目即可~
正文完