vue学习，脚手架搭建

最新推荐文章于 2024-06-26 09:51:03 发布
最新推荐文章于 2024-06-26 09:51:03 发布
阅读量33 收藏
点赞数
文章标签： javascript ViewUI
原文链接：http://www.cnblogs.com/mengtong/p/10804339.html
版权

安装好vue-cli的前提下

  • 使用管理员身份打开cmd
  • 进入想进入的文件夹中输入vue init webpack (项目名)
  • 初学者一路enter就好了，之后等他下载的过程会很长
  • 安装好会提示你两部操作：cd 进新建的项目中
  • 启动项目npm run dev
  • 启动成功会提示项目在8080端口，输入localhost:8080,看到初始的vue界面就是成功了

node_modules真的下载了好多东西，所以才会很慢

 

转载于:https://www.cnblogs.com/mengtong/p/10804339.html

weixin_30820151
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好细的Vue安装与配置
m0_67403272的博客
07-30 1391
网上有些方法是删除CUsers用户名下的.npmrc文件，万万不可这样，因为那个文件删除了，我们前面修改的全局模块目录和缓存目录配置就没了！1.创建项目（最好在cd到D盘、E盘的某个位置，即项目的路径，否则项目会新建在CUsers用户名，也可以直接在想要的项目路径下输入cmd）可能会出现权限问题，所以我们还是以管理员运行cmd窗口。其中-g是全局安装，指安装到global全局目录去，如果不加-g，模块就会安装到当前路径下的node_modules文件夹下，没有目录则自动创建。...
vue脚手架搭建项目及vue学习
06-06
vue脚手架搭建项目及vue学习
vue全局安装脚手架
weixin_34405354的博客
09-29 797
1、$ cnpm install vue-cli -g 全局安装一个vue 脚手架，因为全局以后建设项目的时候就不要再去下载了 转载于:https://www.cnblogs.com/tenro/p/7602768.html
Vue脚手架安装步骤,详细图解过程
qq_52619560的博客
07-25 3325
6.切换到要创建项目的目录,然后使用命令创建项目此处演示的项目名为"filename"cdfilename(注意cd进入的是刚刚创建脚手架的文件夹)9.退出项目需要输入两次!Ctrl+c(复制的快捷键)npminstall-g@vue/cli+回车。两次Ctrl+c之后,命令窗口变成能输入状态,表示退出成功。8.进入项目文件里,在控制面板中输入命令,启动项目。2.在弹出窗口中输入cmd进入控制面板。4.全局安装@vue/cli。7.切换到项目的目录里。...
全局安装vue脚手架
h03580的博客
10-08 1234
安装脚手架 npm install -g @vue/cli 上面安装的是Vue CLI3版本，想要按照Vue CLI2启动项目是不可以的，需要安装桥接工具 npm install -g @vue/cli-init 启动项目 Vue CLI3 vuecreate 项目名称 Vue CLI2 vue inint webpack 项目名称 ...
vue安装脚手架
原地起飞
03-10 2371
脚手架来咯！！！ 一、全局安装 二、关于不同版本的Vue vue CLI (command line interface) 命令行接口文具，熟称脚手架。Vue 脚手架是 Vue 官方提供的标准化开发工具（开发平台）。 一、全局安装 第一步：（仅第一次执行）：全局安装@vue/cli npm install -g @vue/cli 第二步：切换到你想要创建项目的目录，然后使用命令创建项目 vue create X...
vue脚手架搭建过程图解
08-27
vue脚手架是个好东西，能够快速搭建vue单页面应用，vue是基于node环境的，所以要先安装node。下面通过图文并茂的形式给大家介绍vue脚手架搭建过程图解，感兴趣的朋友一起看看吧
Vue-cli脚手架搭建
01-08
Vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板 一、官方文档 Vue-cli 二、事先安装 得安装node.js和npm 查看版本node -v npm -v 更新至最新版本 npm install -g node npm install -g npm 三、...
vue脚手架搭建流程图
12-01
总结vue脚手架搭建的流程，以及本人在搭建过程中遇到的bug
全局安装vue-cli2.0脚手架与vue-cli3.0脚手架
Misnice的博客
09-09 3126
先window + r输入cmd打开输入命令窗口(小黑屏幕) 全局安装vue2.0脚手架 npm install vue-cli -g 安装完成之后输入 vue -V（注意这里是大写的“V”），如果出现相应的版本号，则说明安装成功。 启动项目命令 npm run dev 全局安装vue3.0脚手架 先查看当前vue-cli版本 打开cmd输入vue --version, 如果是2.0+...
vue-cli（vue脚手架）安装 详细教程
m0_54853503的博客
02-23 6908
vue-cli这个构建工具大大降低了webpack的使用难度，支持热更新，有webpack-dev-server的支持，相当于启动了一个请求服务器，给你搭建了一个测试环境，只关注开发就OK。 一.安装vue-cli 1、 使用npm（需要安装node环境）全局安装webpack，打开命令行工具输入：npm install webpack -g或者（npm install -g webpack），安装完成之后输入 webpack -v，如下图，如果出现相应的版本号，则说明安装成功。 注意：webpack 4.
如何安装vue脚手架
qq_46326129的博客
10-25 607
输入命令行npm install -g @vue/cli,这是全局安装。vue --version可以查看脚手架的版本信息。为了能更快的下载脚手架，可以安装淘宝镜像。3.通过指令npm run serve执行。1.通过指令vue create 项目名。打开终端，通过win+R，输入cmd，选择对应的安装包，一直点next即可。第一步，首先安装node.js。如果安装成功，输入命令vue。第三步，创建脚手架并运行。2.切换到创建项目的目录中。第二步，安装vue脚手架。
使用vue-cli脚手架创建的项目结构详解
huangjianfeng21的博客
06-15 1491
项目整体目录结构预览 src目录 src整体结构 开发过程中基本上操作都在该目录下进行操作的，项目所有源码都是在这个目录下 main.js文件，项目核心文件 App.vue文件，项目入口文件 router/index.js build目录 build目录的文件和作用是打包编译输出的相应文件配置，用于打包和部署 build.js文件 ...
不出网上线CS的各种姿势（内网横向）
qq_64395221的博客
06-21 952
在内网环境中可以使用ipc $生成的SMB Beacon上传到目标主机执行，但是目标主机并不会直接上线的，需要我们自己用链接命令(link <ip>)去连接它。经常是拿下一台边缘机器，其有多块网卡，用于连接内外网，内网机器都不出网。因为连接的Beacons使用Windows命名管道进行通信，此流量封装在SMB协议中，所以SMB Beacon相对隐蔽，绕防火墙时可能发挥奇效。一样，建立pystinger连接之后，直接生成payload在业务主机执行，业务内网主机192.168.111.236即可成功上线。
Day43
m0_67496588的博客
06-20 1220
JSON，Ajax
JavaWeb系列二十: jQuery的DOM操作 下
你好, 我在学java的博客
06-24 406
jQuery的DOM操作CSS-DOM操作多选框案例页面加载完毕触发方法作业布置jQuery获取选中复选框的值jQuery控制checkbox被选中jQuery控制(全选/全不选/反选)jQuery动态添加删除用户 CSS-DOM操作 获取和设置元素的样式属性: css() 获取和设置元素透明度: opacity属性 获取和设置元素高度, 宽度: height(), width(). 在设置值时, 若只传递数字, 则默认单位是px; 如需要使用其它单位则需传递一个字符串, 例如 $(“p:first”)
vue elementui简易侧拉栏的使用
最新发布
han_xiao_xiao的博客
06-26 221
vue简易侧拉栏的使用
关于 pnpm monorepo 项目中 TS2742 Error 的 workaround
前端原创分享
06-23 855
最近我在使用 pnpm 作为包管理器开发一个 monorepo 项目，从个人体验来说，在 monorepo 项目中，pnpm 确实要比 yarn classic 用得舒心，最让我欣喜的是 pnpm 对 workspace 协议的支持度很好；另外感受比较明显的一点就是，开发过程中感知到的由于依赖层级导致的 bug 也变少了。但是任何事情都不可能是完美的。果不其然，一个关键的 bug 就在等着我。
vue2.0脚手架搭建项目
09-02
关于Vue2.0脚手架搭建项目的问题，我可以为您提供一些参考。首先，您可以使用Vue官方提供的Vue CLI（命令行界面）来创建和管理Vue项目。通过在终端中运行命令“vue create [项目名]”，您可以创建一个新的Vue项目并...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值