当前位置: 首页 > 后端技术 > Node.js

搭建vue脚手架

时间:2023-04-03 17:07:17 Node.js

基础知识1、html2、js3、css搭建项目过程--windows系统1、node.js环境--查看是否安装了node环境node-v如果没有安装可以去到Node官网安装。2、安装cnpm(可以选择不安装)淘宝镜像npminstall-gcnpm--registry=https://registry.npm.taobao.org这里有个坑,跟电脑有关。安装完成后,通过以下命令行查看cnpm-v。如果能输出版本号,就没有问题。但是如果cnpm不是内部命令,那就得配置环境变量3.全局安装vue-clicnpminstall-g-vue-cli可以通过vue-V查看是否安装成功4.新建vue项目vueinitwebpackxxx进入目录文件夹后,输入上面的代码,xxx代表你的vue项目的文件名。图片是我安装的例子,后面的是/否是推荐值。5、安装成功后,可以通过提示进入项目。并启动项目6.启动成功后,会出现一个网站,在浏览器中打开,看到下图内容,说明项目搭建成功