Vue脚手架初始化

最新推荐文章于 2024-05-30 14:27:51 发布
最新推荐文章于 2024-05-30 14:27:51 发布
阅读量205 收藏
点赞数 2
分类专栏： 前端框架 文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42171832/article/details/138958420
版权

1.先去官网下载node

2.node自带npm

3.npm安装webpack（用于安装各种包、依赖等）

4.ctrl+win   打开命令行

输入

vue init webpack (project name)

如果运行后有问题，执行它认为你该执行的的命令，然后再执行一次

然后配各种项目参数

5.完成

6.进入你创建的项目，然后npm run dev，它会告诉你在哪个端口访问，默认8080

Kgako
关注
  • 2
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
详解使用vue-cli脚手架初始化Vue项目下的项目结构
11-28
vue-cli是Vue 提供的一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目。 使用vue-cli有以下几大优势： vue-cli是一套成熟的Vue项目架构设计，会跟着Vue版本的更迭而更新  vue-cli提供了一套本地的热加载的测试服务器  vue-cli集成了一套打包上线的方案，可使用webpack或Browserify等构建工具 安装 下面来安装vue-cli # 必须全局安装vue-cli，否则无法使用vue命令 # 安装完
vue初始化项目.txt
08-04
vue新项目准备： 1、安装nodejs，官网下载傻瓜安装 node -v 验证 2、npm包管理器，是集成在node中的，所以安装了node也就有了npm npm -v 验证 3、安装cnpm npm install -g cnpm --registry=http://registry.npm.taobao.org （完成之后，我们就可以用cnpm代替npm来安装依赖包了。如果想进一步了解cnpm的，查看淘宝npm镜像官网。） 4、安装vue-cli脚手架构建工具 npm install -g vue-cli vue新项目构建： 1、初始化项目模板： vue init webpack-simple yunshi-approve 或者 vue init webpack yunshi-approve 2、安装npm cd yunshi-approve 3、安装项目所需要的依赖： npm install 或 cnpm install 4、运行看效果： npm run dev 介绍一下目录及其作用： build：最终发布的代码的存放位置。 config：配置路径、端口号等一些信息，我们刚开始学习的时候选择默认配置。 node_modules：npm 加载的项目依赖模块。 src：这里是我们开发的主要目录，基本上要做的事情都在这个目录里面，里面包含了几个目录及文件： assets：放置一些图片，如logo等 components：目录里放的是一个组件文件，可以不用。 App.vue：项目入口文件，我们也可以将组件写这里，而不使用components目录。 main.js ：项目的核心文件 static：静态资源目录，如图片、字体等。 test：初始测试目录，可删除 .XXXX文件：配置文件。 index.html：首页入口文件，可以添加一些meta信息或者同统计代码啥的。 package.json：项目配置文件。 README.md：项目的说明文件。
使用vue脚手架初始化vue项目方式
Asher_lm的博客
12-17 338
主要是对于vue脚手架的初始化的构造
Vue 脚手架CLI 初始化项目
有勇气的牛排博客
02-07 1327
1 介绍 CLI是Command-Line Interface，翻译为命令行界面，但是俗称脚手架。 Vue CLI是一个官方发布vue.js项目脚手架 使用vue-cli可以快速搭建vue开发环境以及对应的webpack配置。 使用vue-cli可以快速搭建vue开发环境以及对应的webpack配置 2 Vue CLI使用前提 Webpack Vue.js官方脚手架工具就使用了webpack模板 对所有的资源会压缩等优化操作 它在开发的过程中提供了一套完整的功能，能够使得我们开发
Vue脚手架初始化项目
zz_ch的博客
12-07 1668
记录如何初始化Vue项目
19.初始化vue脚手架
weixin_43893483的博客
07-23 2194
初始化vue脚手架
webstorm+vue初始化项目的方法
12-12
vue新项目准备： 1、安装nodejs，官网下载傻瓜安装 node -v 验证 2、npm包管理器，是集成在node中的，所以安装了node也就有了npm npm -v 验证 3、安装cnpm ...1、初始化项目模板： vue init webpack-simp
Super-Mall:vue脚手架
03-06
超级卖场vue脚手架仿写购物街项目为了不给后台服务器增加压力，本项目不提供后台数据连接，如果需要，可在CSDN中私信，望理解 :slightly_smiling_face:项目设置npm install编译和热重装以进行开发npm run serve编译...
Vue-cli脚手架初始化项目
summer_cloudy的博客
03-21 115
【代码】Vue-cli脚手架初始化项目。
【Vue】学习笔记-初始化脚手架
德仔
04-25 484
Vue脚手架隐藏了所有webpack 相关的配置，若想查看具体的webpack配置，请执行vue inspect >output.js。切换到创建项目的目录，使用命令创建项目。如果下载缓慢请配置npm淘宝镜像。启动项目npm ruan serve。打包项目 npm run build。全局安装@vue/cli。暂停项目 Ctrl+C。选择使用vue的版本。
初始化Vue项目安装脚手架
dj1955的博客
07-18 251
初始化 vue
Vue脚手架初始化&脚手架结构分析
路人的博客
08-24 384
安装@vue/cli之后，电脑中多了一个vue命令，以后通过vue命令进行创建脚手架。第二步：切换到你要创建项目的目录，然后使用命令创建项目。xxxx是自定义项目名称。第一步 （仅第一次执行）全局安装@vue/cli。翻译过后，开启一个内置的8080端口的服务器。速度慢的话：需要 npm 设置淘宝镜像。HelloWorld的演示。
书籍学习|基于SprinBoot+vue的书籍学习平台(源码+数据库+文档)
JIngJaneIL的博客
05-28 1085
首先,论文一开始便是清楚的论述了平台的研究内容。其次,剖析平台需求分析,弄明白“做什么”,分析包括业务分析和业务流程的分析以及用例分析,更进一步明确平台的需求。然后在明白了平台的需求基础上需要进一步地设计平台,主要包罗软件架构模式、整体功能模块、数据库设计。本项目软件架构选择B/S模式和java技术，总体功能模块运用自顶向下的分层思想。再然后就是实现平台并进行代码编写实现功能。论文的最后章节总结一下自己完成本论文和开发本项目的心得和总结。通过书籍学习平台将会使书籍学习各个方面的工作效率带来实质性的提升。
Vue3实战笔记（52）—Vue 3封装持仓分析饼图
山花的博客
05-30 333
接上文，封装持仓分析饼图。封装好几个组件，用于后续开发。把忧愁煮成茶，让它在心间慢慢沉淀，剩下的，便是清甜的回味。
elemnt ui 时间选择器。 当前日期往前推6个月以前的的不可选择
IT13333的博客
05-28 216
【代码】elemnt ui 时间选择器。当前日期往前推6个月以前的的不可选择。
【Vue】v-if / v-show条件渲染指令
qq_39921135的博客
05-29 396
条件判断指令，用来辅助开发者按需控制 DOM 的显示与隐藏。表达式值为 true 显示， false 隐藏。作用： 控制元素显示隐藏（简单的显示隐藏）场景：频繁切换显示隐藏的场景。
基于Java+SpringBoot+Mybaties-plus+Vue+elememt + uniapp 新闻资讯 的设计与实现
qq_28917403的博客
05-27 710
本系统分为 后端 和 小程序端后端：点击登录按钮设置个人中心、管理员账号数据维护、基础数据维护、论坛维护(增删改查帖子信息，包括查看论坛的内容回复)、公告信息维护、用户信息维护、小程序的轮播图维护小程序端：登录、注册、忘记密码首页(查看新闻展示、短视频信息展示、公告信息展示)短视频信息(根据类型检索)、公告信息(根据类型检索)、论坛信息(根据名称检索)、
vue iframe src规则
最新发布
Ann_52547的博客
05-30 191
需要注意的是，为了安全起见，应尽量避免使用 JavaScript URL，尤其是在加载外部内容时，以防止恶意脚本的注入和执行。1、相对路径：相对于当前页面的路径。
arco disign 封装日期范围组件
weixin_43865196的博客
05-29 358
NumRange组件只对值进行双向绑定, option:参数可参考官网a-input-number的属性,父组件赋值默认值为空数组, 或带值的数组。可再此基础上对外扩展事件,方法,参数.
怎么创建vue脚手架
08-20
选择一个适合你的配置，并等待Vue CLI完成项目初始化。 4. 进入到你的项目目录中： ``` cd your-project-name ``` 5. 启动开发服务器。运行以下命令来启动一个本地开发服务器： ``` npm run serve ``` 这将...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Kgako

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值