分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

vue.js项目搭建教程(参考)

发布时间:2023-09-06 02:21责任编辑:沈小雨关键词:js

第一步:安装node.js

1.传送门下载安装https://nodejs.org/en/

2.打开cmd控制台分别查看node版本、path,npm

node -v

path

npm -v

3.推荐淘宝镜像

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

4.安装全局vue-cli脚手架,并检查

cnpm install --global vue-cli

vue -V

第二步:建立一个vue-test文件夹,并使用webpack模板创建项目

vue init webpack vue-test

创建模板设置如上图标注,安装好后进入项目安装依赖

cd vue-test

cnpm install

启动项目

npm run start(浏览器输入 localhost:8080查看实时效果)

至此vue.js安装成功!

ps:

1 ) 若运行后 / 浏览器打开之后,没有加载出页面,有可能是本地的 8080 端口被占用,需要修改一下配置文件 config>index.js

vue.js项目搭建教程(参考)

原文地址:https://www.cnblogs.com/chendongbky/p/9923593.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved