我的网站

vue入门:使用vue-cli新建vue项如今

2021-12-21 19:01分类:连锁吐司 阅读:

一、安装node环境 1、下载地址为:https://nodejs.org/en/2、检查是否安装成功:输入 node -v 和 npm -v()node安装后将会自动安装上npm,但纷歧定是最新的,可用命令 npm install -g npm,进动最新版本安装

3、为了挑高俺们的效率,没联系使用淘宝的镜像:http://npm.taobao.org/ 输入:npm install -g cnpm –registry=https://registry.npm.taobao.org,即可安装npm镜像,以后再用到npm的地方直接用cnpm来代替就益了。

cnpm -v二、搭建vue项如今环境  1、全局安装vue-clinpm install --global vue-cli

全局安装vue-cli2、疏通以下命令来创建一个新项如今:vue create hello-worldvue create 命令有一些可选项,你没联系经过疏通以下命令进动谋求:选项: -p, --preset <presetName> 轻视挑示符并使用已保存的或长途的预设选项 -d, --default 轻视挑示符并使用默认预设选项 -i, --inlinePreset <json> 轻视挑示符并使用内联的 JSON 字符串预设选项 -m, --packageManager <command> 在安装依附时使用指定的 npm 客户端 -r, --registry <url> 在安装依附时使用指定的 npm registry -g, --git [message] 逼迫 / 跳过 git 初首化,并可选的指定初首化挑交讯歇 -n, --no-git 跳过 git 初首化 -f, --force 覆写主意如今录可以大略存在的配置 -c, --clone 使用 git clone 获取长途预设选项 -x, --proxy 使用指定的代理创建项如今 -b, --bare 创建项如今时省略默认组件中的新手请教讯歇 -h, --help 输出使用协助讯歇你也没联系经过 vue ui 命令以图形化界面创建和管理项如今:vue ui3、cd 掀开项如今如今录,疏通npm run server命令启动项如今4、 新建vue项如今(webpack)在命令动中,进入指定路径,疏通 vue init webpack 项如今名称,例如: vue init webpack my-vue。

使用webpack创建vue项如今根据挑示讯歇,进动创建项如今,平凡默认直接选择yes就 企看创建落成,过程必要几分钟。三、启动疏通1、进入项如今根如今录,疏通命令npm run dev,如下:

将看到项当进取动启动。启动成功后,将看到疏通地址。

2、在涉猎器中输入以上地址,将输出效率,如下图:

详明:Vue.js 不增援 IE8 及其以下 IE 版本,最益使用Chrome。云云简易,开启第一步!三个重要命令:使用webpacknpm install --global vue-clivue init webpack 项如今名称npm run dev使用vue-clinpm install --global vue-clivue create 项如今名称cd 项如今名称npm run server

俺组建了一个前端自学团,学习前端技术。在团里,会厉格监督专家每天学习打卡,给专家分享学习材料,给专家匹配学习朋侪,按期机关专家进动项如今实战。想要加入一首学习的小朋侪没联系私信俺或是给俺留言。

作者:ClownD

链接:vue入门:使用vue-cli新建vue项如今

郑重声明:文章来源于网络,仅作为参考,如果网站中图片和文字侵犯了您的版权,请联系我们处理!

上一篇:小程序创业项目选举,适相符弟子党创业者,小程序商城带货你晓畅众少?

下一篇:分享下本身7年小本创业之路

相关推荐

返回顶部