vue-cli的安装过程(简单)

第一步,安装npm和node.js
第二步,打开cmd,因npm的仓库服务器地址在国外,国内访问会很慢,我们把镜像源设置为国内后下载会更快,使用以下命令。然后再下载安装脚手架!!

npm install -g cnpm --registry=https://registry.npm.taobao.org

cnpm install -g vue-cli 

参考链接https://www.jianshu.com/p/70644a7d56f5

第三步,然后再切换到相应的版本下
在这里插入图片描述
第四步,创建项目名,
在这里插入图片描述
第五步,选择默认模式进行配置

Please pick a preset: 请选择一个预设:
default (babel, eslint) 默认值(babel、eslint)
Manually select features 手动选择要素

在这里插入图片描述
第六步,进行具体的配置
空白键选择,选择完毕后enter进入下一页配置

Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection) 检查项目所需的功能:(按<space>选择,<a>切换全部,<i>反转选择)
注意:下面所选的四个,是最简单的脚手架配置!!
(*) Babel 模式history或者#模式
( ) TypeScript 现在不勾选,但TS语法很好,很流行
( ) Progressive Web App (PWA) Support 渐进式的web技术
( *) Router Vue.js 官方的路由管理器
( *) Vuex Vue.js 应用程序开发的状态管理模式
( *) CSS Pre-processors CSS 预处理器:一种具有编程逻辑的CSS语言。允许使用类似变量、函数、继承、运算符等编程方法来编写CSS文件。
() Linter / Formatter 不勾选,因会对语法严格控制
( ) Unit Testing 单元格测试
( ) E2E Testing e2e-testing测试

安装vuex的方式:https://blog.csdn.net/zhaojie911272507/article/details/106219738,习惯用npm安装到项目里
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述

最简单的脚手架–只需保存四个即可。
在这里插入图片描述

百度翻译:
Please pick a preset: Manually select features
Check the features needed for your project: Babel, Router, Vuex, CSS Pre-processors, Unit

请选择预设:手动选择功能
检查项目所需的功能:Babel、路由器、Vuex、CSS预处理器、单元

Use history mode for router? (Requires proper server setup for index fallback in production) Yes

路由器是否使用历史模式?(需要为生产中的索引回退进行适当的服务器设置)是

Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported by default)

选择CSS预处理器(默认情况下支持PostCSS、Autoprefixer和CSS模块)
Less

Pick a unit testing solution: Jest

选择一个单元测试解决方案:Jest

Where do you prefer placing config for Babel, PostCSS, ESLint, etc.?

您喜欢将Babel、PostSS、ESLint等的配置放在哪里。?
In dedicated config files在专用配置文件中

Save this as a preset for future projects?NO

是否将此保存为将来项目的预设?

第七步,开始创建项目(等待即可)
在这里插入图片描述
在这里插入图片描述
第八步,切换到项目下,再运行
在这里插入图片描述
第九步,复制黏贴到浏览器上即可
在这里插入图片描述

在这里插入图片描述
第十步,从vscode上打开
在这里插入图片描述

参考学习:使用vuecli创建项目需要多长时间(淘宝详细步骤可看)https://www.cnblogs.com/l-y-h/p/11241503.html


版权声明:本文为pick_ears原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。