使用vue搭建项目（创建手脚架）

最新推荐文章于 2024-11-12 10:19:40 发布
原创 最新推荐文章于 2024-11-12 10:19:40 发布 · 382 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了使用Vue.js创建项目的步骤，包括初始化项目、添加Element UI组件库、配置路由等核心流程，帮助开发者快速上手。

使用vue搭建项目（创建手脚架）

第一步：切换到创建的目录

创建项目

vue cerate [model]

 第二步:切换到创建好的项目，然后创建element

vue add element

第三步：创建router

vue add router

 

 创建成功了 

尝试启动

 

posted @ 2018-11-22 15:16 韦邦杠 阅读( ...) 评论( ...) 编辑 收藏
邦杠
关注
Vue脚手架搭建以及创建Vue项目流程
weixin_68658847的博客
04-25 3万+
Vue脚手架的创建以及用脚手架创建项目的全套流程
创建 vue 手脚架
qq_35008520的博客
06-21 221
（前提是你要把该安装的软件安装好） 第一步： wind+r cmd–> 第二步：PS E:\Nodes> vue create vuehr01回车 选择最下面的回车 选中你需要的东西 空格键是选中，在此空格是取消 回车 我选择n 我选择n 等待创建 ...
.vue文件怎么使用_vue搭建脚手架项目简单搭建
weixin_39906358的博客
11-25 205
很久没更学习了 就不知道分享什么技术了 简单一个教程（这个也是写了好久了） 有错误欢迎指正 vue搭建脚手架项目教程1. 全局安装vue-cli3 npm install -g vue-cli vue -V // 查看版本2.创建一个名字为vue-demo的项目 vue init webpack vue-demo3.进入项目 cd vue-demo4.启动项目 npm...
Vue创建脚手架
qq_48617322的博客
09-01 1036
vue创建脚手架
Vue笔记——搭建脚手架并快速创建Vue项目
热门推荐
fengzhen8023
10-01 4万+
现在的Vue脚手架已经升级到3.x版本，即vue-cli3。 脚手架升级之后，安装的命令发生了变化，所以这篇文章会跟大家演示新旧版本的脚手架安装过程。 下面的安装过程均是在window平台下安装。 一、准备工作 1. 安装node.js和npm Vue的脚手架是依赖于node.js的，所以无论是安装新版本还是旧版本，我们都要安装node.js，如果你对node.js不熟悉的话，大家可以查看我之...
创建脚手架
moonbaby
05-22 278
vue create vue_test 以下成功创建了一个项目 执行最后两个命令
vue.js的手脚架vue-cli项目搭建的步骤
10-19
Vue.js 是一款流行的前端框架，它的官方提供了名为 `vue-cli` 的工具，用于快速搭建项目结构，极大地简化了前端开发的初始化过程。`vue-cli` 是一个命令行接口（CLI），它允许开发者通过简单的命令创建一个新的 Vue....
vue-cli3.0 脚手架搭建项目的过程详解
10-17
项目创建完成后，你可以通过 `cd project-name` 进入项目目录，然后使用 `npm run serve` 或 `yarn serve` 启动开发服务器。 总的来说，Vue CLI 3.0 提供了一种高效且灵活的方式来快速启动 Vue.js 项目，减少了...
搭建vue手脚架，并创建项目
最新发布
04-23
要使用 Vue CLI 创建项目，首先需要确保本地环境中已正确安装 Node.js 和 npm/yarn。接着按照以下步骤操作： 1. **全局安装 Vue CLI** 执行如下命令以安装 Vue CLI 工具： ```bash npm install -g @vue/cli ```...
VUE开发资源程序：vue.js开发外卖web系统,组件化思想,vue-cli手脚架
06-06
2. **Vue CLI手脚架**：Vue CLI是Vue.js的官方命令行工具，用于快速搭建项目结构并自动化常见的前端任务，如编译、热重载、测试等。使用vue-cli可以大大提高开发效率，减少配置时间。在开发外卖Web系统时，Vue CLI...
Vue的脚手架如何创建
m0_59922881的博客
07-03 1498
1、先在桌面上建立一个文件夹然后进入文件夹中。 2、在这里输入cmd进入 3、输入vue create 项目名，然后按回车键 4、空格取消倒数第三个，选中第一个，按回车键。 5、一直按回车键即可。 6、出现此页面就算成功了。 7、接着输入cd 项目名，按回车键进入你创建的项目中，再接着输入npm run serve此项目就算运行起来了。 8、在浏览器输入localost:8080此项目就算完成了。 ...
利用脚手架搭建项目
weixin_30301449的博客
07-13 223
第一步：打开命令行工具,在命令行中找到桌面cd Desktop 第二步：给项目起一个名字 vue create vue-app接着会让我们选择预设手动选择Manually select features 跳到另一个命令后选择Babel让浏览器能识别vue，ES6代码,接着选择In package.josn意思是将所有代码放入一个文件中 ,接着选择预设YES 起一个自己的名字。接着进入项目文件中 ...
【创建Vue手脚架项目】
qq_40478892的博客
10-11 280
创建手脚架项目
使用IDEA构建一个自己的基于maven的SpringBoot脚手架
Box_clf的博客
02-28 5972
现在配置新开一个项目都会需要自己重新导入一次依赖,重新建立项目包的结构等等,会浪费很多不必要的时间和精力所以我们可以通过maven搭建一个自己的脚手架,在每次新建项目时都可以自动的引入需要的一些工具。 创建自定义的脚手架 1.首先需要创建一个自己的springboot项目 2.对自己的脚手架创建一个包名和名称 3.这里可以选一些你自己常用的一些依赖,当然进入项目自己添加需要的依赖 ...
创建脚手架步骤
alifj9932的博客
03-17 278
1.打开项目的路径 2.npm install -g vue-cli 3.vue init webpack smartisan (smartisan是项目的名称) 4.配置 5.根据提示操作 6.cd smartisan 7.npm run dev 8. 把端口号在浏览器输入即可 转载于:https://www.cnblogs.com/chenmiaoso...
Vue脚手架搭建项目
酸菜丶小子
07-27 5168
Vue脚手架搭建项目以及node版本切换
Vue脚手架搭建及创建Vue项目过程
qing_er_的博客
08-15 4001
首先要安装Node.js (去官网下载自己所需版本即可安装Node.js 可以选择一下自己存放的位置路径，其他基本就是一路next下去就行。
vue-cli脚手架教程
刻苦的樊同学
11-12 3184
安装vue-cli的前提是你已经安装了npm，安装npm你可以直接下载node的安装包进行安装。这是因为引用资源的路径问题，我们只要在下图的地方修改一下再打包就可以了，需要修改的文件在项目目录下的config文件夹里的index.js文件中。在projectname项目目录下执行 npm run build ，打包项目，打包完成之后，我们就可以像打开静态网页一样打开我们完成的项目。这样父组件的变量就传到了子组件，然后子组件使用如下方式接收，这样在子组件中就可以使用变量了，例如：{{username}}
Vue开发项目入门——Vue脚手架
m0_67495466的博客
04-12 3万+
Vue脚手架是Vue官方提供的标准化开发工具（开发平台），它提供命令行和UI界面，方便创建vue工程、配置第三方依赖、编译vue工程。
使用VSCode创建基础Vue项目教程
通过上述步骤和知识点的介绍，您将能够在VSCode中创建一个最简单的Vue项目，并对项目的开发、构建和优化有一个全面的认识。随着对Vue.js的深入学习和实践，您将能够构建更加复杂和功能丰富的前端应用。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符  | 博主筛选后可见
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值