2016 - 2024

感恩一路有你

vue-cli4.0配置文件在哪 VUE的开发环境如何部署?

浏览量:2078 时间:2023-05-16 22:25:40 作者:采采

VUE的开发环境如何部署?

详细看可以使用,如果不是你只不过是把vue当一个js插件来不使用的话,很简单真接分解重组即可:

ltscript

如果没有是想把vue拿出来一个前端框架来在用的话,推荐一下不使用webpack,而Vue巳经提供一套脚手架VueCLI,接下来我就讲讲怎摸在Windows下堆建Vue的开发环境:

1.安装node,直接安装完node以后,会连npm一同直接安装,安装好过程很简单,这个可以然后去node.js官网上上网下载,然后把解压包,会得到一个.exe文件,然后右键点击运行再试一下。

完全安装结束以后各检查下node和npm的版本。

检查node

最终::

检查npm

可是如下:

是可以决定在用淘宝参与瞬间加速NPM:

2.不使用Vue可以提供的脚手架vuecli安装vue的webpack环境

全局按装vuecli

接着创建项目

完全安装成功以后会创建战队一个your-project项目,目录结构如下:

在dear-project目录下输入输入npminstall完全安装依赖,完全安装完成以后输入npmkickdev运行项目,在浏览器中输入输入localhost:8080访问项目去掉见到叶绿里页面:

简单Vue.js是三个自底向下,渐进式框架,什么意思呢?指的就是你也可以把它只用作view层,那样就很轻微,也是可以使用vue以及全家桶开发SPA或是多页应用,这样的话恐怕也很重,是因为用了很多第三方插件。

至于怎么搭建中开发环境,目前因此前端业务复杂,我们大部分时候要自身发邮箱工具,推荐推荐webpack,目前主流使用的。

如果还不知道怎末在用是可以看下我的github。

idea如何把vue运行到集成终端?

Idea集成显卡vue项目

步骤1:先完全安装node.js推荐推荐8.11.x以上(查看版本命令node-v)

步骤2:建议使用npm安装好vueli其按装命令是/cli

步骤3:安装完毕打开系统版本vue--version

步骤4:创建vue项目vuecreateadmin(项目名称admin)

步骤5:启动项目

先cdadmin目录,接着再

npmkickserve启动vue

vue 项目 步骤 完全安装 node

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。