创建VUE项目框架02

最新推荐文章于 2023-10-10 02:04:52 发布
最新推荐文章于 2023-10-10 02:04:52 发布
阅读量429 收藏
点赞数
分类专栏： Vue.Js 文章标签： Git JS Vue.Js 前端 框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Persist_/article/details/78265950
版权

在项目存放目录下使用gitbash

执行命令，初始化项目

$ vue init webpack Demo2

执行命令,安装依赖

cnpm install


执行命令，运行项目

cnpm run dev



成功初始化构建项目


Persist_
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
如何搭建vue框架-1
weixin_43859439的博客
09-26 5730
基于vue2版本和vue-cli(脚手架)+elementUI进行的框架搭建。搭建之前需要安装所需要的环境和工具，个人推荐使用VSCode。
快速搭建Vue框架
Geosen_Jira的博客
04-21 2218
Vue框架搭建教程
vue3前端开发系列(2) - 项目框架搭建篇(新手必看)
最新发布
硅谷工具人
10-10 1113
如果两个文件(.env.development和.env.production)在src文件夹里面，那么可以通过在vite.config.ts文件中设置envDir的值为"./src",在**项目根目录(通常是src目录外面)**新建.env.development和.env.production两个文件。项目别名配置的时候需要用的 path 模块，而path模块是node.js的内置模块，node不支持TS。模式启动，所以读取到的是.env.development文件中的值。
Vue框架的学习与搭建
2301_76720304的博客
05-11 864
Vue是一个轻量且易于上手的JavaScript框架，被广泛用于Web开发中。Vue有非常强大的数据绑定和组件化能力，使得开发者可以更加方便地管理Web应用的状态和视图层。在本文中，我们将向您介绍如何学习和搭建Vue框架。
一个Vue项目框架的基本搭建
huangzhixin1996的博客
04-23 9718
一、 环境配置 1.安装Node.js 下载地址为: https://nodejs.org/en/ 以下操作都在命令行窗口进行 2.提高效率和下载速度，下载淘宝镜像：http://npm.taobao.org/ npm install -g cnpm –registry=https://registry.npm.taobao.org 即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。 3．使用npm安装vue的脚手架：npm install –g @vue/cli 二、 搭建项目 1.打
通过命令行生成vue项目框架的方法
08-30
本篇文章主要介绍了通过命令行生成vue项目框架的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
Vue框架总结.pdf
04-03
Vue 中，可以通过方法创建一些全局的组件，或者局部的组件。但是，在实际 的 Vue 项目中，使用得更多的是单文件组件。 单文件组件 每一个以 .vue 为后缀的文件，都是一个组件，称为“单文件组件”。 单文件组件...
详解Vue用cmd创建项目
12-10
1、新建一个文件夹，用来创建Vue项目。 2、进入到该文件夹，在地址栏内写‘cmd’，回车。就会弹出命令行窗口 3、进入正式cmd操作，创建个vue项目，命令行操作指令：vue init webpack project, project是你创建的...
一个Vue前端框架使用简单实例
01-07
Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。下文是Vue的简单使用并使用nginx进行发布。 1.环境：本次实例在windows环境进行，所以首先下载windows环境下的nginx并置于相关目录下，本次实验的nginx...
基于Vue2webpack2基础项目框架
08-09
Vue2 webpack2 Yarn 基础项目框架
搭建一个Vue框架
xiaoye的博客
04-17 2万+
之前工作的时候，有段时间工作的项目是前后端分离的，感觉前后端分离的模式比较舒服，主要是自己对前后端分离的框架比较好奇，所以准备自己搭建一个基于Vue的前端框架，至于对应的后端的框架，等有时间也整理一个出来。当时因为前端缺人，只给了一个前端框架，然后自己学着使用vue，当时即写前端又写后端，由于对Vue的了解是基于应用层级的，就不细讲vue，但是想自己弄一个前端框架。 1.先安装no......
搭建vue框架
我是一颗草，哪里荒凉往哪里长
03-09 2474
​ 在搭建框架之前，首先我们需要把对应的环境配好 1. node环境 安装node并且配置node环境变量（如果你项目需要配置不同的node版本，那么可用nvm来管理你的node nvm的配置可参 考:nvm配置使用 ） 2. 查看node是否安装成功 安装node时候会同步安装npm node -v 和 npm-v 查看对应的版本 3. 全局安装cnpm yarn 4. vue-cli的搭建 打开cmd 全局配置 vue-cli npm install --global vue-
vue框架的创建
m0_70788917的博客
08-21 524
vue框架项目的创建方法
Vue框架搭建
weixin_44692852的博客
11-04 395
1、node.js安装 1.1、下载node.js 这个是中国社区的，下载会快很多 http://nodejs.cn/download/ 1.2、安装 把下载的包打开，同意运行 然后就是一顿next操作， 这里的话，一般都是建议改路径。 这里，是通过选择树状图进行安装， 但是，臣妾做不到啊，英语太差了，（这次一定过四级）。。。 他们都选的第三个，那就先第三个吧，（心里暗自下定了要让后代好好学英语的决心），想仔细了解的也可以自行解决。 这里的话，用拍照翻译了一下 大概就是这个意思，所以我就没有勾选。
前端框架搭建-搭建vue环境(学习笔记）
行者cheng
04-14 3万+
1.安装git命令行工具:https://git-scm.com/   下载之后会有三个工具：git cmd,git bash,git gui，后面创建vue项目要用到git bash，    使用命令行工具，依次输入：node -v和npm -v，若能显示版本号，则说明安装成功。    小记：git 是基于linux的工具，在一些场合下会比windows 下的cmd方便2.安装node.js :...
vue 如何新建一个项目
热门推荐
ygy211715的博客
02-27 5万+
身为入行未深的小白前端，不断的学习是我们不可丢失的习惯。前端流行的框架也是层出不穷，vue在众多框架中脱颖而出。今天花了两个小时的时间自己走了一边创建vue项目的流程，跟你们分享。1：打开cmd命令行，首先安装node步骤：https://nodejs.org/en/download/      node官网，选择跟自己的电脑匹配的版本进行下载，然后一步步的安装即可，输入node -v，如果出现版...
搭建vue项目框架
wolf_tuteng的博客
02-09 2748
搭建vue项目框架 搭建vue项目框架 在使用vue作为前端开发框架的复杂项目，vue框架的搭建至关重要。框架搭的好引用技术全面，可以为后来开发维护节省很多时间和精力。 安装node.js 首先需要安装node环境，可以直接到中文官网http://nodejs.cn/下载安装包。 安装完成后，可以命令行工具中输入 node -v 和 npm -v，如果能显示出版本号，就说明安装成功。 如果项目中会...
一个vue前端框架搭建
SSWmouse的博客
11-16 623
简单vue项目搭建
(一)vue创建第一个项目框架
a5421901的专栏
01-19 1094
1.首先创建vue必须先安装node.js，安装vue-cli手脚架 2.创建项目 vue init webpack vuedemo (vuedemo是你的项目名称) 3.插入必须的插件 npm install 4.用brackets打开项目vuedemo 5.在目录components编写框架 layout.vue <template>     <div>   ...
hbuilderx创建vue项目
07-25
要在HbuilderX中创建和运行Vue项目，可以按照以下步骤进行操作： 1. 打开HbuilderX并创建一个新项目。 2. 在新项目中，右键单击并选择npm run build，这将构建Vue项目。\[1\] 3. 接着继续右键单击并选择npm run serve，这将启动Vue项目的开发服务器。\[1\] 4. 在底部的地址和端口号中找到项目的访问地址。\[1\] 5. 最后，在浏览器中输入该地址，即可访问Vue页面。\[1\] 此外，还需要进行一些其他配置： 1. 在main.js文件中配置路由。可以导入路由并在Vue实例中使用它。\[2\] 2. 下载并安装ElementUI框架，以便在Vue项目中使用它。\[2\] 3. 在项目目录下创建一个index.js文件，并在其中配置路由。需要导入Vue和Vue Router，并定义组件的路由。每次添加一个新组件，都需要在index.js中导入并配置对应的路由。\[3\] 以上是在HbuilderX中创建和运行Vue项目的步骤和配置方法。希望对你有帮助！ #### 引用[.reference_title] - *1* [HBuilderX开发Vue](https://blog.csdn.net/weixin_44734680/article/details/104396018)[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^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [使用HBuilderX软件快速搭建Vue项目](https://blog.csdn.net/yzl1293346757/article/details/127193499)[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^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值