使用vue cli创建vue2项目

最新推荐文章于 2024-08-10 20:37:11 发布
最新推荐文章于 2024-08-10 20:37:11 发布
阅读量1k 收藏 2
点赞数
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/x65456/article/details/130025776
版权
本文介绍了如何使用Vue CLI创建Vue2项目。首先，通过官网安装CLI，然后在CMD或集成终端中创建项目，选择手动配置特性，包括Babel、VueX等，并指定项目类型、CSS预处理器等选项。最后，项目会在选定的文件夹中生成，可拖入VSCode或WebStorm进行编辑。
摘要由CSDN通过智能技术生成

最普遍的创建方法
一：打开官网 https://cli.vuejs.org/zh/guide/installation.html
二：安装cli。window+r打开cmd 在里面输入npm install -g @vue/cli在这里插入图片描述(也可以指定版本号，推荐安装5.0.8的版本。npm install -g @vue/cli@5.0.8)在这里插入图片描述
三：这个只是检查下你安装的版本在这里插入图片描述
四：这样就安装好了cli
五：在界面上新建文件夹自己起个名字
在这里插入图片描述
六：现在有两种方法创建vue2项目，一种是在cmd里，一种是在vscode或webstorm的集成终端里。
cmd里创建
1.打开这个文件夹在地址里输入cmd按回车，然后就出来cmd界面。以下三张图是演示输入的过程

最低0.47元/天 解锁文章
x65456
关注
基于vue-cli创建vue2项目
PY123456PY123456的博客
07-10 761
首先在要创建的vue项目的文件夹进入终端。 如图所示，在这里输入cmd进入命令提示符。基于vue-cli快速生成工程化的Vue项目： 如图所示，我创建了一个名为demo-first的vue项目。 接下来选择项目预设，这里建议手动选择需要安装的预设，选择好后按enter键进入下一步 接下来选择预设，这里只选择Babel和css预处理器就好，Router和Linter/Formatter等后面学了再选。Linter/Formatter是来约束代码风格的。（这里空格键来控制选中，enter键进入下一步） 接下
使用VueCli创建vue2项目
qq_60633200的博客
06-15 2362
利用vue-cli创建vue2项目的流程
创建Vue2项目
最新发布
wxh_huayu的博客
08-10 612
创建vue2
使用vue-cli创建vue2项目（详解）
逆水行舟 不进则退
04-02 9881
使用vue-cli创建vue2项目（详解） 说明！！！：Vue CLI >= 3 和旧版使用了相同的 vue 命令，所以 Vue CLI 2 (vue-cli) 被覆盖了。所以使用脚手架创建vue2的项目，需要先全局安装一个桥接工具，然后创建一个vue2的项目： 第一步：搭建node运行环境，根据操作系统选择相应安装包 下载地址：https://nodejs.org/en/download/ 检验是否安装成功，命令行中直接输入node -v，返回版本号即可。 第二步：安装webpack npm i
使用vuecli创建vue2项目
weixin_44191318的博客
11-23 234
使用vue-cli搭建vue2版本的基础项目
使用 Vue CLI 创建一个 Vue2 项目
BI
03-18 627
仅提供一个简单的创建 Vue2 项目的步骤。目前 Vue CLI 的最新版本为 v5.0.8。
如何使用Vue Cli搭建vue2的项目基础
Mrs_Lupin的博客
06-23 891
第九步：将配置文件放在单独的文件中或者放在package.json文件中。前两个为默认安装babel和eslint的安装，最后一个是自定义安装。第十步：是否保存此次配置，下次初始化项目将会沿用此次配置(一般选N)最后：运行最下方两条指令，打开网页看到绿色大V即成功。第五步：历史模式(不出现#)或路由模式(出现#)Linter/Formatter 语法规范。第三步：选择如下所示的五个(*)的配置。第六步：使用less作为预处理器。第七步：无分号规范（标准化）第二步：自定义创建项目。Babel 语法降级。
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
使用vue-cli3 创建vue项目并配置VS Code 自动代码格式化 vue语法高亮问题
10-17
使用vue-cli3创建项目非常简单，可以通过命令行运行`vue create <project-name>`来创建一个新的项目，其中`<project-name>`是你想要创建的项目的名称。创建项目时，系统会提示选择默认预设或手动选择功能，如Linter/...
使用Vue CLI创建typescript项目的方法
10-16
在创建项目的过程中，Vue CLI会引导你选择一系列的配置选项，包括选择预设配置和各种插件。对于TypeScript项目，需要特别注意以下几个步骤： 1. 选择语言类型时，选择TypeScript。 2. 选择Vue版本，建议使用最新...
vuecli创建项目vuecli创建项目.png
02-26
vuecli创建项目 vuecli创建项目
使用vue-cli创建vue2项目以及项目配置
qq_57039857的博客
01-10 4180
1、安装vue-clicmd：npm install -g @vue/cli@4.5.19验证是否安装成功：vue -v 出现版本号说明安装成功2、创建项目vue create 项目名称根据自己的需求选择特性，如下所示：手动选择：选择自己需要的特性：例如：选择vue版本选择路由模式 （输入y和n都可以，y代表history模式没有#号， n代表hash模式有#号）：选择css预处理器，根据需求自行选择：格式化和代码检测的配置，默认的就行：代码格式检测时机，默认就行：你希望配置放在哪：是否保存特性，根据你
vue2如何创建一个项目?
5年编程经验的老猿。
04-28 1699
Vue CLI是一个官方的命令行工具，用于快速搭建vue项目。你可以通过npm来全局安装它： 以下是安装命令：
vue-cli2搭建项目
weixin_43638272的博客
12-02 1864
vue-cli2搭建项目
Vue-cli创建Vue2项目中的各步骤配置解析
xiaozhong159的博客
03-14 1349
小tips：我们在创建步骤的第九步会提示是否需要将当前选择的配置保存为一个预设模板（preset），保存后，我们可以找到C盘用户目录下的.vuerc文件，对预设的模板进行删除。为了描述各配置含义，不选择脚手架默认提供的模板，选择Manually select features（手动选择配置），使用⬆⬇选择，回车确认。因为本人主攻方向是后端，对前端了解远远不够，出于工作需要，需要自己搭建一个vue2项目，在此对搭建的一些过程进行纪录。如果你的代码不符合规范，会在保存时收到相应的警告或错误提示。
使用vue-cli创建Vue2自定义项目步骤
m0_59250071的博客
11-08 552
Vue CLI 是 Vue 官方提供的一个全局命令工具。Vue2.x使用vue-cli创建Vue项目的步骤
使用vue_cli创建vue2项目
zjx1026的博客
06-23 135
vue_cli2创建vue项目
vue cli 创建vue2项目
09-02
要使用Vue CLI创建Vue2项目，你需要先全局安装一个桥接工具，并按照以下步骤进行操作： 1. 第一步：搭建Node.js运行环境。根据你的操作系统选择合适的安装包，可以在官网https://nodejs.org/en/download/下载安装。 2. 第二步：安装Webpack。在命令行中运行以下命令来全局安装Webpack：npm install webpack -g。 3. 第三步：安装脚手架。在命令行中运行以下命令来全局安装Vue CLI 2的脚手架：npm install -g @vue/cli-init。 4. 第四步：创建项目。在命令行中进入项目要存放的文件夹，并运行以下命令来创建项目：vue init webpack my-project。其中，my-project为你的项目名称。根据命令行的提示，配置项目的相关属性信息，比如项目名称、项目描述、作者等。 5. 项目创建完成后，进入项目目录，运行命令npm run dev来启动本地开发服务器。将命令行中显示的网址复制到浏览器中，即可访问你创建的Vue2项目。 引用 请注意，以上步骤是使用Vue CLI 2来创建Vue2项目的方法。如果你使用的是Vue CLI 3及以上版本，请参考官方文档进行操作。引用<span class="em">1</span><span class="em">2</span> #### 引用[.reference_title] - *1* [使用vue-cli创建vue2项目（详解）](https://blog.csdn.net/qq_43080548/article/details/123919123)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* [Vue CLI创建vue2项目](https://blog.csdn.net/woshiliyuwang/article/details/122989570)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值