菲律宾j9集团|Home

135-2716-3909
网站建设资讯详细

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

发表日期:2026-07-23 10:35:29   作者来源:王熙程   浏览:3691   标签:VUE建站    
想必前端□□□程序员需□□□□要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+右边就可以直接打开测试网页了。
如没特殊注明,文章均为菲律宾j9集团原创,转载请注明来自https://www.tyjwx.com/news/6463.html