Vue CLI创建vue2项目

最新推荐文章于 2024-05-04 08:24:24 发布
最新推荐文章于 2024-05-04 08:24:24 发布
阅读量3.8k 收藏 9
点赞数 1
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/woshiliyuwang/article/details/122989570
版权

Vue CLI创建vue2项目命令

1、执行创建项目命令

vue create 项目名称

2、选择预设

在这里插入图片描述
Manuelly select features手动配置

3、选择项目功能

在这里插入图片描述
择如下几项功能:

  • Babel
  • Router
  • Vuex
  • Css Pre-processors
  • Lint/Formatte

4、选择2版本

在这里插入图片描述

5、是否使用history路由

在这里插入图片描述

6、选择css处理器

在这里插入图片描述
根据个人习惯选择即可

7、代码风格和eslint

在这里插入图片描述
根据个人习惯选择即可

8、选择在保存时还是在提交时修改在这里插入图片描述

9、选择配置文件如何存放

在这里插入图片描述
这里选择分别存到具体的config文件

10、是否保存本次创建项目的配置项

用于下次快速创建项目
在这里插入图片描述

woshiliyuwang
关注
  • 1
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
使用命令行创建一个vue2项目
wzh13102028的博客
03-10 1307
快速使用vue2创建项目
vuecli创建项目vuecli创建项目.png
02-26
vuecli创建项目 vuecli创建项目
如何新建一个vue2项目（超详细哦）
热门推荐
不甜呐的博客
11-05 9万+
如何新建一个vue2项目（超详细哦）
Vue2学习——Vue CLI
最新发布
hhhjjj201830341的博客
05-04 723
使用Vue CLI快速创建一个工程
创建vue2项目
桎梏的博客
12-01 2万+
创建vue2项目
新建一个vue2项目
m0_55333789的博客
06-19 1829
６.这个选择的意思是要不要使用babel工具自动转换为ts代码注入polyiss（推荐： y）1.在你要创建项目的目录下打开终端输入vue create 【你的项目名称】8.选择预处理器（如： less,sass,stylus）12.可以将当前创建项目配置作为一个模板方便下次直接使用。5.是否使用calss风格的组件语法： (推荐：ｙ)13.至此，一个vue项目就创建完成了。在 vue.config.js 文件下配置。9.选择代码检测时的工具。3.根据自己的需求选择。
创建一个vue2项目
2302_76878442的博客
02-29 604
当然，以上打开方式比较繁琐，你可以直接将文件夹拖入到你的编译器中，然后再在终端中npm run serve一下，按住Ctrl点击链接就运行了。第五步进入项目并运行，先在终端中输入cd myvue，然后再npm run serve，最后将链接复制到浏览器打开就好了。第三步命令行中输入vue create myvue，“myvue”就是你的项目名称。第二步打开你的项目文件夹输入cmd然后回车。出现这个页面你的vue2项目就创建完成了。第一步先进入官网下载一个node.js。
Vue使用vue-cli创建项目
01-19
本文介绍了Vue使用vue-cli创建项目，分享给大家，具体如下： vue-cli 是一个官方发布vueJS项目脚手架：https://github.com/vuejs/vue-cli 我创建的模板项目：...
使用Vue CLI创建typescript项目的方法
10-16
主要介绍了使用Vue CLI创建typescript项目的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
Vue Cli3 创建项目的方法步骤
10-17
Vue CLI是一个用于快速Vue.js开发的完整系统。这篇文章主要介绍了Vue Cli3 创建项目的方法步骤，非常具有实用价值，需要的朋友可以参考下
vue使用vue-cli快速创建工程
01-19
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。 -g代表全局安装。 i就是install的缩写。 其中webpack-simple代表模板的名称。vue-todos是你给自己的项目起的名称，这个随便起...
在vue-cli创建的项目中使用sass操作
10-14
主要介绍了在vue-cli创建的项目中使用sass操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
02-vuecli2.rar
11-06
记录了Vue-cli2的相关基本操作和配置，包含学习笔记等等，仅供个人学习使用。啦啦啦啦啦啦啦啦啦啦啦啦啦
图文讲解用vue-cli脚手架创建vue项目步骤
10-17
本次小编给大家带来的是关于用vue-cli脚手架创建vue项目步骤讲解内容，有需要的朋友们可以学习下。
使用vue-cli创建项目的图文教程(新手入门篇)
08-27
主要介绍了新手入门vue 使用vue-cli创建项目的图文教程，本文是针对完全不了解过vue和npm的小白而写的,需要的朋友可以参考下
如何使用 vue-cli 创建模板项目
01-21
所以为了快速开发，入门之后遇到问题再去解决，吾辈选择了使用 nodejs + npm + vuejs + webpack + vscode 组合，使用 vue-cli 快速搭建一个基于现代前端工具链前端项目。 致那些想要了解前端但又不得其门
vue2创建一个项目
weixin_47786335的博客
07-18 1194
至此，你已经成功创建了一个Vue.js 2项目！你可以根据需要修改项目中的代码、添加新的组件等。这里的my-project是你的项目名称，你可以替换成任何你喜欢的名字。
Vue2项目创建步骤
hgvhjgghv的博客
07-30 445
空格键是选中与取消，A键是全选
vue-cli2搭建项目
weixin_43638272的博客
12-02 1813
vue-cli2搭建项目
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 ]

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值