如何新建vue项目(如何配置vue的开发环境)

一、vue开发环境搭建1、安装nodejs步骤:在node官网(https://nodejs.org/en/download/)选择跟自己的电脑匹配的版本进行下载,然后一步步的安装即可,在cmd控制台输入node-v,如果出现版本信息即表示安装成功。2、npm包管理器是集成在node中的,所以直接输入npm-v就能查看到版本信息,若出现版本信息则表示npm能正常使用。3、输入npminstall-gcnpm–registry=http://registry.npm.taobao.o

大家好,又见面了,我是你们的朋友全栈君。

一、vue开发环境搭建
1、安装nodejs
步骤:在node官网(https://nodejs.org/en/download/ )选择跟自己的电脑匹配的版本进行下载,然后一步步的安装即可,在cmd控制台输入node -v,如果出现版本信息即表示安装成功。

2、npm包管理器是集成在node中的,所以直接输入npm -v 就能查看到版本信息,若出现版本信息则表示npm能正常使用。

3、输入npm install -g cnpm –registry=http://registry.npm.taobao.org ,通过淘宝镜像安装相关依赖。

4、安装vue-cli脚手架构建工具,输入命令 npm install -g vue-cli ,安装完成即可。

二、新建vue项目
1、进入到vue项目要放置的路径下(例如desktop),新建vue项目,指令 vue init webpack +项目名称.
例如:执行指令 vue init webpack firstvue ,则会在当前(desktop)路径下创建一个名为firstvue的文件夹,这个文件夹就是新建的vue项目,执行上述命令后,这个项目的相关文件都会在firstvue这个文件夹下自动生成。

2、上一步之后就会开始新建项目,询问项目的相关配置。一路yes省事儿没啥问题

3、进入到项目的文件夹(firstvue)下,
$ \desktop> cd firstvue
$ \desktop\firstvue>

4、运行项目,指令 npm run dev ,正常情况下会输出 Your application is running here: http://localhost:8081
$ \desktop\firstvue> npm run dev

5、在浏览器中打开 http://localhost:8081,能看到vue的大logo图片。

至此,vue项目新建完毕!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/129434.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号