vue-cli脚手架快速搭建项目
2024-09-01 00:21:10
前言
vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目。
准备工作
在搭建一个vue项目之前,需要先安装好node.js和cnpm。
虽然npm也是可以使用的,但是npm安装会比较慢,进而导致网络问题安装失败,所以推荐使用cnpm进行安装;(附上cnpm全局安装代码)
npm install cnpm -g --registry=https://registry.npm.taobao.org
这里还需要提一句,node版本需更新在6以上,否则安装过程会报错。
开始搭建
1)全局安装vue-cli;命令行执行cnpm install -g vue-cli;出现以下安装进程说明项目安装正常,可以正式创建项目了。
2)vue-cli安装成功后,cd进入存放项目的文件夹下,如果是直接在预先准备好的文件夹下创建的,就可以省去cd这一步;然后执行vue init webpack,就会出现一些项目相关的信息需要选择配置,按需填写即可;
信息配置完以后,文件夹下会生成文件目录,见下图:
3)执行npm install,安装依赖;
4)安装依赖成功,执行npm run dev启动项目;
启动成功,浏览器打开localhost:8082就可以打开项目啦~
到这一个简单的vue项目就搭建好了,可以根据自己的需求去构建页面和内容啦。
最后的话
总的来说,使用vue-cli搭建一个vue项目还是比较简单的,但是搭建的过程中,可能会遇见各种问题,所以看见报错不要慌,定位问题再去解决他就可以了。
最新文章
- 许愿墙的搭建(基于Apache+php+mysql)
- Linq Group By
- ngixn编译安装时,pcre的处理
- 通俗理解T检验和F检验
- Google Guava之--cache
- php实用类
- fastBinaryJSON
- 开玩笑Web它servlet(五岁以下儿童)---- 如何解决servlet线程安全问题
- jQuery.extend 函数使用详解
- [java] 在linux+chrome/firefox上使用java applet
- OSI七层模型与TCP/IP四层模型
- Centos 6.3 安装教程
- Revit Family API 找到实体某一方向上的面。
- Telegraf+InfluxDB+Grafana快速搭建实时监控系统 监控postgresql
- vuex - 辅助函数学习
- Oracle存储过程中游标的简单使用
- consumer发送请求,接收响应
- 数据库学习之中的一个: 在 Oracle sql developer上执行SQL必知必会脚本
- springmvc pager-taglib 分页,bootstrap样式
- 【bzoj4264】小C找朋友