脚手架创建项目vue2.0

最新推荐文章于 2024-04-30 18:04:42 发布
最新推荐文章于 2024-04-30 18:04:42 发布
阅读量119 收藏
点赞数
文章标签： html
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47144417/article/details/120275433
版权

脚手架创建项目vue2.0

下载：

npm i - g vue
npm i - g vue-cli
npm i -g webpack

检测下载版本

vue -V
webpack -V

初始化项目

vue init webpack myproject

![在这里插入图片描述](https://img-blog.csdnimg.cn/bc96f006817f4abe97d582efe90ced56.png?x-oss-process=image/watermark,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAdGFtaWFfbmljZQ==,size_14,color_FFFFFF,t_70,g_se,x_16

创建成功
在这里插入图片描述

autoOpenBrowser: true,

让项目自动在浏览器中运行
在这里插入图片描述

tamia_nice
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
基于webpack搭建vue2.0的脚手架项目
10-11
2. **创建项目**：通过Vue CLI创建一个新的Vue 2.0项目。Vue CLI会自动配置Webpack。 ``` vue create my-vue-project --default ``` 3. **选择配置**：在创建项目过程中，可以选择默认配置（基于webpack）或者...
vue2.0 项目
04-16
通过Vue CLI，开发者可以自定义配置，创建项目模板，自动化处理如代码打包、热重载等功能，大大简化了项目的初始化工作。在描述中提到的"所有的命令"可能指的是Vue CLI提供的各种脚手命令，例如`vue create`用于新建...
用脚手架新建一个vue2的项目
sinat_34896766的博客
01-05 1053
2、在项目新建路径的外层文件夹下打开cmd，输入vue create 项目名(需要安装node，node安装完成后，可用node -v查看安装版本。项目名不能包含大写母，否则会提示以下错误。注意此时的v是大写的V。
Vue2脚手架创建项目
qq_39593914的博客
04-11 4385
Vue2脚手架创建项目 一、使用脚手架 1.安装 @vue/cli ​ 简述 cli ===> command line interface (命令行接口) // 安装 npm install -g @vue/cli # OR yarn global add @vue/cli // 升级 npm update -g @vue/cli # OR yarn global upgrade --latest @vue/cli // 版本查看 vue --
Vue2 通过脚手架（cli）创建项目方式
最新发布
weixin_45703831的博客
04-30 589
【注意，创建的文件夹名字最好不要与项目名同名】
Vue2.0搭建脚手架（vue-cli）
热门推荐
Phils的博客
10-10 1万+
Vue2.0搭建脚手架（vue-cli）
vue2搭建脚手架（vue-cli）并创建一个项目
游小北的博客
07-31 1521
学习使用 vue2脚手架（vue-cli） 创建vue项目，附详细代码、图片解析。
vue-cli2.0脚手架搭建项目流程
Misnice的博客
09-28 866
1.打开命令行工具（win+r，然后输入cmd）,进入输入命令窗口 2.输入node -v ,如果出现相应的版本号说明已经安装成功,如果没有则安装node.js,从官网下载并安装,安装时一定不要改默认安装路径,不然需要配置环境变量,很麻烦，只要一直“下一步”就可以。 注意：在官网下载安装node.js后，就已经自带npm （包管理工具）了，另需注意的是npm的版本最好是3.0以上，以免对后续产生影...
vue2.0中文离线官网文档（手册，教程，api）
06-29
通过Vue CLI，开发者可以从预定义的模板中快速创建项目。Vue CLI的GitHub仓库位于[https://github.com/vuejs/vue-cli](https://github.com/vuejs/vue-cli)。要安装Vue CLI，首先确保Node.js版本在10以上，然后运行`...
vue2.0中文使用手册
09-06
总的来说，"vue2.0中文使用手册"应该会涵盖以上这些关键点，并深入讲解如何使用它们来构建实际项目。通过学习这个手册，开发者不仅能理解Vue 2.0的基本原理，还能掌握实际开发中的技巧和最佳实践，从而提升开发效率...
vue2.0.zip
10-30
另外，Vue CLI是官方提供的命令行工具，用于快速初始化Vue项目，包含了一整套脚手架和配置，加速了开发过程。 总的来说，这个“vue2.0.zip”文件包含的离线文档和操作手册将帮助开发者深入理解Vue 2.0的各种特性和...
搭建Vue2脚手架
qq_53152029的博客
06-19 3526
1.配置npm淘宝镜像 查看是否配置成功 2.下载、安装webpack ②下载完毕输入 ③webpack-cli -v检查版本号，安装成功 1.若此前已经安装过脚手架，可以跳过第一步。 若此前没有安装过脚手架： 2.在合适的文件位置嵌入cmd 打开并输入命令创建脚手架 3.创建脚手架时选择vue的版本为vue2 在创建脚手架的文件目录下开启服务 开启成功 搭建成功...
vue2.0脚手架快速搭建笔记
weixin_56056054的博客
04-14 342
>(1)安装router:指令为: npm install vue-router --save。->(4)安装store.js(安装指令: npm install vuex --save)( 安装指令:npm install vuex-persistedstate --save)-> (8)在src下创建一个utils文件夹在创建(request.js文件)->(5)在src下创建一个store文件在创建index.js文件。-> (7.1)安装axios,安装命令为(npm i axios)
使用vue-cli创建vue2项目（详解）
逆水行舟 不进则退
04-02 9766
使用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
vue-cli 脚手架搭建一个web 端项目( vue 2 )
weixin_50339217的博客
01-18 1136
使用 vue-cli 脚手架搭建一个web 端的 vue2 项目
VUE-脚手架搭建
xhmico的博客
12-15 1855
vue 有两个大版本，分别是 vue-2 和 vue-3，目前新项目的话用 vue-3 的会比较多以下我会分别提供搭建 vue-2 和 vue-3 脚手架的过程。
【vue init】一.使用vue init搭建vue项目
????鱼干～
02-06 1848
【vue init】使用vue init搭建vue项目
Vue2.0史上最全入坑教程（上）—— 搭建Vue脚手架（vue-cli）
meinanqihao的博客
05-12 2660
Vue2.0史上最全入坑教程（上）—— 搭建Vue脚手架（vue-cli） Vue作为前端三大框架之一截至到目前在github上以收获44,873颗星，足以说明其以悄然成为主流。16年10月Vue发布了2.x版本，经过了一段时间的摸索和看官方的教程和api，才了解到2.0版本在1.0版本的基础上做了好多调整，废弃了好多api。。。废话不多说了，把我踩过的坑，在这里跟大家说说，希望
vue2.0脚手架搭建项目
05-13
然后，可以使用 Vue CLI 来快速创建 Vue 2.0 项目的脚手架。 以下是搭建一个 Vue 2.0 项目的步骤： 1. 安装 Vue CLI 在命令行中输入以下命令来全局安装 Vue CLI： ``` npm install -g @vue/cli ``` 2. 创建项目...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值