位置: IT常识 - 正文

怎样创建一个VUE项目(超简单)(怎样创建一个网站)

编辑:rootadmin
怎样创建一个VUE项目(超简单)

目录

一、安装node.js 

二、搭建vue环境

1、全局安装@vue/cli模块包

2、执行命令

3、检查是否安装成功

三、创建vue项目

1、创建项目

 2、选择模板和包管理器,等待项目创建完毕

四、启动vue项目

1、执行命令

2、浏览项目页面

五、vue项目目录文件含义和作用

六、修改端口号

七、清理欢迎界面

补充:解决App.vue 代码是黑白色的方法


一、安装node.js 1、下载node.js

推荐整理分享怎样创建一个VUE项目(超简单)(怎样创建一个网站),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:怎样创建一个在线编辑的表格,怎样创建一个文件夹里面放多个文件,怎样创建一个数据库,怎样创建一个数据库,怎样创建一个文件夹里面放多个文件,怎样创建一个数据库,怎样创建一个文件夹里面放多个文件,怎样创建一个vue项目,内容如对您有帮助,希望把文章链接给更多的朋友!

 下载地址:下载 | Node.js (nodejs.org)

 2、安装

 

 

 

 

 

 3、检查是否安装成功

 打开cmd窗口检查是否安装成功:node -v(如果显示出了版本号,那么说明安装成功了)

二、搭建vue环境1、全局安装@vue/cli模块包

vue官网:https://cn.vuejs.org/

2、执行命令

切换阿里云镜像

npm config set registry https://registry.npm.taobao.org

安装@vue/cli -g

npm install -g @vue/cli

3、检查是否安装成功

vue -V

三、创建vue项目1、创建项目

选择一个你想要创建项目的文件夹,打开控制端执行如下命令

怎样创建一个VUE项目(超简单)(怎样创建一个网站)

vue create 项目名

注意:项目名不能有大写字母,中文和特殊符号

 2、选择模板和包管理器,等待项目创建完毕

(蓝色字体表示当前选中的,按键盘上下键即可选择)

选择模板后,等待项目创建完毕即可

四、启动vue项目1、执行命令

        创建完项目后,控制端页面会如上图所示,此时我们我们只要按上图提示内容,执行相关命令即可。

cd 项目名 // 进入到该项目的文件目录下

npm run serve  // 启动内置的webback本地热更新开发服务器

2、浏览项目页面

执行上面的启动项目命令后,控制端页面会如下所示:

 如果未自动弹出浏览器,手动复制输入提示的域名+端口。在浏览器中访问即可

五、vue项目目录文件含义和作用

 六、修改端口号

项目中没有webpack.config.js文件,因为vue脚手架项目用的vue.config.js。

在src并列目录中新建vue.config.js,填入如下配置,最后重启服务器即可修改端口号

module.exports = { devServer: { // 自定义服务配置 port: 3000, // 修改的端口号 open: true}七、清理欢迎界面

        对于我们自己开发,创建新的vue项目目录下有很多文件是不需要的,可以直接清理掉

assests和components文件夹下的一切都删除掉(不要默认的欢迎页面)。

        src/App.vue默认有很多内容,可以全部删除留下template和script和style的框

补充:解决App.vue 代码是黑白色的方法

下载一个vetur插件就可以了

         安装vetur后代码就可以显示为彩色的了,同时还可以使用多种快捷键命令,比如在.vue文件中,直接输入命令vue,就可以直接打出template和script和style的框。

本文链接地址:https://www.jiuchutong.com/zhishi/296140.html 转载请保留说明!

上一篇:VueUse(中文)——简介(vueity)

下一篇:关于我的家乡html网页设计完整版,10个以家乡为主题的网页设计与实现(关于我的家乡作文1000字)

  • 总账会计的职责目标设定
  • 车船税规定怎么缴纳
  • 公司旧车出售要交什么税
  • 个人去税务局开专票需要提供什么
  • 个体工商户还没有使用怎么注销
  • 土建工程维修
  • 银行转账支付凭证有效期多久
  • 发票已经做账但要退款账不平咋办
  • 建筑企业的成本
  • 企业财务独立核算
  • 股东费用如何入账
  • 股东退股可以支付现金吗
  • 收到保险赔款是什么意思
  • 小规模外贸公司
  • 股权转让印花税税率
  • 过路费发票可以抵扣增值税吗
  • 应交税费未交增值税明细账
  • 支付设备定金会退回吗
  • ntfs磁盘压缩
  • 文档自动填写怎么弄
  • 汇算清缴是什么时间
  • 森林植被恢复费标准
  • pqv2isvc.exe - pqv2isvc是什么进程 有什么作用
  • igfxext.exe
  • 收益类账户的会计分录
  • 项目部可以直接给工人结账吗
  • 股份支付费用是股权激励成本吗?
  • 资产负债表的编制依据是会计恒等式
  • 耕地使用税的征收标准
  • 补交上年度增值税附加税,怎么做账
  • framework4.0怎么打开
  • 数据库与缓存不一致解决方案
  • php面向对象优点,缺点
  • js解耦
  • 银行汇票的记载事项有哪些
  • github ci/cd
  • openai发布企业版
  • 外贸出口退税操作流程
  • vue遇到的问题和解决方法
  • 企业所得税报表怎么更正
  • 小微企业开具增值税专票
  • node运行vue项目
  • 增值税加计抵减最新政策2022
  • 小规模纳税人劳务费税率
  • sqlserver FOR XML PATH 语句的应用
  • 未认证key
  • 电子税务局实名核验失败
  • 中小企业所得税优惠
  • 不确认销售收入的原因
  • 固定资产不折旧直接进费用
  • 建筑公司收到的工程服务发票怎么做账
  • 按最低标准买社保30年退休后每个月领多少钱
  • 一次性工伤医疗补助金怎么领取
  • 结转清理净损失怎么算
  • 账务处理程序和财务处理程序
  • 配置是什么意思
  • mysql5.7主从配置 博客园 my cnblog
  • 微软宣布今年不会为全职员工加薪j
  • 文档介绍
  • 左右内边距代码
  • 磁贴for kwgt
  • lumia 925 win10
  • win10聚焦功能失效
  • windows适配器未连接
  • win8开始菜单没有了
  • linux中使用less命令分屏查看
  • jQuery插件封装时如要实现链式编程,需要
  • android view动画
  • xp没有我的电脑图标怎么办
  • [置顶]游戏名:chivalry2
  • linux Shell获取某目录下所有文件夹的名称
  • 用python简单代码
  • JavaScript While 循环 教程
  • unity角色扮演游戏
  • javascript面向
  • js拖拽div
  • 掌上海关怎么查询
  • 大连市国家税务局官网登录
  • 马来西亚到中国机票多少钱
  • vat税怎么做分录
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设