位置: 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字)

  • 什么是土地使用权终结
  • 房地产企业样板房会计处理
  • 印花税的缴纳方式有哪三种
  • 劳务发票要交多少税费
  • 其他应收款是负数怎么报税
  • 超定额废品损失会计分录
  • 哪些科目月底需要结转
  • 固定资产丢失
  • 进料加工手册核销是什么意思
  • 固定资产变动包括哪些内容
  • 投资企业应确认投资收益的有
  • 本年利润怎样结转未分配利润
  • 超市里的摊位租金贵吗
  • 差旅费报销怎么做账
  • 支付开票税款计入什么科目
  • 2020年减免水利基金会计分录
  • 燃油税里面包含哪些内容
  • 股东转入的钱算什么
  • 员工工资可以计入在建工程吗
  • 自己承担所有
  • 税务局开具无违规证明
  • 企业取得的土地使用权用于出租或增值目的时
  • 农民工预储金怎么开户
  • 机械租赁费如何入账科目
  • 个人股票期权收益所得税怎么缴纳?
  • 如何下载网页?
  • 腾讯手游助手遇到未知错误
  • KB5004296无法安装,提示错误代码:0x800f0990的解决方法
  • linux不允许root登录
  • 公司的对公账户
  • php反射使用场景
  • 计算机与自动化的关系
  • 购买低值易耗品现金流量计入
  • 房地产公司土地在资产负债表列入
  • 基建账并账规定
  • javascriptj
  • 人工智能答案
  • 关于专利技术转让的说法
  • 个税专项扣除子女教育可以怎么扣
  • 进项税忘了加计怎么处理
  • 单位收的房租可以发工资吗
  • 房产中介收取的贷款服务费合不合法
  • 运输发票抵扣进项税额
  • 投资性房地产递延所得税负债为什么计入其他综合收益
  • mysql数据库简单介绍
  • 女装淘宝店铺如何盈利
  • 收入增长率计算器
  • 新准则对企业的影响
  • 其他应收款和应收账款一样吗
  • 建筑企业收到材料发票没有备注工程地址可以用吗
  • 查定征收在哪一章
  • 长期借款的账务处理会计分录
  • 税控设备维护费会计分录
  • 公司折价购买的股票
  • 固定资产明细账图片
  • 英语培训机构成人浦口区
  • 公司没开户需要做账吗怎么做
  • 贷款利息天数怎么算的
  • 应收账款周转率计算公式
  • 最新版手机
  • linux怎么禁用防火墙
  • 高效内存管理
  • linux系统中安装web服务
  • rrpcsb.exe - rrpcsb是什么进程 有什么用
  • windows10如何设置windows7开始菜单
  • win102021年1月大更新
  • windows8 应用商店
  • OpenGL Tutorial: (1) Setting up OpenGL with Visual Studio
  • perl-v
  • js 列表
  • jquery fadein 源码
  • DeviceOne 让你一见钟情的App快速开发平台
  • js 实现ajax
  • android上吹一吹功能的实现代码
  • javascriptfor循环嵌套
  • 当jquery ajax遇上401请求的解决方法
  • jsonobject.parseobject异常
  • 如何在电子税务局变更财务负责人
  • 种子公司缴税吗多少钱
  • 打印发票需要什么信息
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设