• 客服QQ:1193846053   微信:suyoufuwu   联系电话:13080553467     

VUE如何脚本建站?VUE建站教学攻略

速优网络(10年经验),服务数万家企业,固定透明报价。域名注册、主机/服务器、网站源码一站式服务。实体公司,专业团队,值得选择!建站业务:企业网站建设、公司官网制作、外贸网站建设、网站仿制、网站复制、仿站、外贸建站、单页扒站 客服微信【suyoufuwu】


想必前端程序员需要VUE项目的时候,一般都是使用Vscode或者HbuliderX创建项目,但是有写包都需要外部引入,我一般都是使用node.js脚本创建项目,因为可以把自己需要的包选择进去创建项目。
 
首先我们需要下载node.js脚本,然后电脑快捷键使用win+r输入cmd,进入脚本界面输入npm-v看看是否安装成功。如下图

命令安装
 
然后搭建vue的环境安装vue-cl,输入npm install -g @vue/cli。如下图

vue环境

然后输入vue --version进行检测看看是否搭配完成。如下图

vue版本

 
然后需要存放项目的地址,如c盘vue文件下:
 
存放地址
 
最后创建vue项目,输入vue init webpack vue01,vue01是项目名称大家可以输入自己想创建的vue项目名称。
 
vue项目
 
1.Project name是项目名称,直接回车
2.Project description是项目描述,写完回车
3.Author是项目作者,写完回车
4.其余下面的是项目过程中需要的包,出了Install vue-router是需要的可以选择yes,其它的我觉得没什么用,我都是选择的no,选择完之后显示如上图就是vue项目创建成功了。
 
vue-router这个包在vue项目进行中能起到很大的作用的,比如主页面需要引入其它的页面进来,我们就需要使用vue-router,里面有一个mian.js,进入添加js输入页面路径引入子页面。代码如下:
 
vue路由
 
大家赶快去试试吧,这样建站更简单方便,运行终端的话可以使用npm run dev,在终端里面先输入cd 文件地址 && npm install,然后会显示浏览ip地址,Ctrl+右边就可以直接打开测试网页了。

以上就是速优网络和大家分享的"VUE如何脚本建站?VUE建站教学攻略",非常感谢您有耐心的读完这篇文章,我们将为您提供更多参考使用或学习交流的信息。我们还可为您提供:企业网站建设、网站仿制、网站复制、仿站、外贸网站建设、外贸建站、公司官网制作等服务,本公司以“诚信、专业、务实、创新”的服务理念服务于客户。如您需要合作,请扫码咨询,我们将诚挚为您服务。

TAG标签:建站

全国分站

全国分站