从零开始搭建一个Vue项目
Vue.js是现在比较优秀的Web前端框架,下面开始从零开始搭建一个Vue项目。流程如下:
一、安装node.js
1.进入node.js官网下载相应安装包:https://nodejs.org/en/
安装过程没有什么要注意的地方,直接安装到自己想安装到的目录里面就可以了
配置node.js的环境变量
https://blog.csdn.net/u012830533/article/details/79986984
2.安装完成以后,打开命令行,输入node -v 来判断是否安装成功
3.在安装node的时候,npm包管理器会自动安装,我们在命令输出 npm -v 看看是否安装成功
4.安装vue-cli脚手架:
二、npm包管理器和vue-cli脚手架来搭建
1.在D盘先新建一个文件夹用来存放将要新建的项目文件,这里命名为:vue-demo
2.打开命令行工具,然后跟着输入,进入项目目录vue-demo文件
3.接着输入:vue init webpack 然后出现以下后,输入 y(确认在当前目录下建了vue项目)
4.按图片继续输入命令
接着就会自动进行安装
5.安装结束后,我们进入项目目录
6.输入 npm install 安装项目所需要的依赖包,因为npm是去国外网站下载包,所以网络不好的话下载会比较慢
7.输入npm run dev,启动项目
8.接着会出现这个
项目就启动成功了
我们复制上面的网址,打开浏览器访问一下
这样,一个vue项目就搭建成功了,接下来我们看看通过vue-cli安装的vue项目文件目录:
希望这篇博客对大家有所帮助。
---------------------
作者:一心憧憬
来源:CSDN
原文:https://blog.csdn.net/aa792978017/article/details/82939483
从零开始搭建一个Vue项目相关推荐
- 从零开始搭建一个vue项目 -- vue-cli/cooking-cli(一)
从零开始搭建一个vue项目 -- vue-cli/cooking-cli(一) 1.vue-cli搭建一个可靠成熟的项目 1.介绍 vue-cli 我是去年六月份接触的vue1.0,当时还是个菜逼,当 ...
- MacOS 搭建一个vue项目(完整步骤)
搭建一个Vue项目 一.安装node环境 二.搭建vue项目环境 1.全局安装vue-cli 2.检查是否安装成功 3.创建一个基于 webpack 模板的新项目 4.安装依赖 5.启动项目 三.vu ...
- 如何搭建一个Vue项目和配置环境
如何搭建一个Vue项目和配置环境 一.Vue简介 Vue(读音/vju/, 类似于view) 是一套用于构建用户界面的渐进式框架, 发布于2014年2月.与其它大型框架不同的是, Vue被设计为可以自 ...
- 手把手教你从0开始搭建一个vue项目(完结)
前言 上一节webpack实战之(手把手教你从0开始搭建一个vue项目)最后我们完成了css样式的配置: webpack.config.js: const path = require("p ...
- 从零开始创建一个vue项目 1
从零开始创建一个vue项目 创建空文件夹,存放相关目录,cmd进入命令行 vue init webpack token 创建项目(除eslint,其它都yes) 打包配置config下面的index. ...
- 从零开始搭建一个react项目
Nav logo 120 发现 关注 消息 4 搜索 从零开始搭建一个react项目 96 瘦人假噜噜 2017.04.23 23:29* 字数 6330 阅读 32892评论 31喜欢 36 项目地 ...
- 多个vue项目合并成一个_零基础搭建一个Vue项目,你学会了吗?
这几天利用业余时间做了一个个人项目,后端部分已经搭建好了还差一个前端,经过考虑前端利用Vue来搭建开发,因对Vue不是很熟悉,所以利用网络查找了相关的资料,成功的跑出了第一个Vue页面,写在此作为一个 ...
- vue入门级教程从零搭建一个vue项目
一.安装node环境 1.下载地址为:https://nodejs.org/en/ 2.检查是否安装成功:如果输出版本号,说明我们安装node环境成功 3.为了提高我们的效率,可以使用淘宝的镜像:ht ...
- 从零开始搭建一个springCloud项目
前言:springCloud,相信大家已经听过很多次了,现在各种大大小小的公司都在使用的微服务框架,包括我正在上班公司的项目里面使用到的就是springCloud,此文仅对于刚入行不久的小白,大佬们可 ...
- 抛开vue-cli 利用requireJS搭建一个vue项目
---恢复内容开始--- 现在学习vue都是利用脚手架vue-cli快速搭建一个项目,这是非常高效的方法,我是十分推荐的,但是有时候在没有互联网的情况,我们没办法在node环境下,敲一个nmp ins ...
最新文章
- 发布 EasyTrac 0.1.0.11b2
- 武汉游记,三件新鲜奇葩事
- 钉钉 php 推送,微信模板推送,钉钉信息推送
- pytorch查看loss曲线_pytorch loss总结与测试
- matplotlib之subplot和动态作图(笔记六)
- oracle sql取查询结果第一条,SQL获取第一条记录的方法(sqlserver、oracle、mysql数据库)...
- 计算机网络 教学大纲 谢希仁,《计算机网络》教学大纲.doc
- bzoj 1432: [ZJOI2009]Function
- 台式计算机鼠标应该插哪里,鼠标插在电脑哪里 鼠标的usb接口没反应如何解决...
- Java编程——九九乘法表
- Java集合的常见面试题(全)
- Python实战——过采样数据的处理之改进的SMOTE算法
- 中国电信天翼物联网平台CTWing学习笔记(1)——设备接入(TCP协议)
- centos7 vi保存退出_怎么保存退出vi编辑 vi常用命令大全
- Java如何进行文件上传与下载
- 你的前500位种子用户是怎么来的?
- 高可用架构之高可用的应用和服务
- javax和java的区别
- ajax练习——聊天机器人
- 一文讲透支付宝沙箱的基本应用
热门文章
- 前端SPA(single page web application单页面应用not水疗)
- mysql网游单机架设_网游单机架设直观教程终结版.doc
- JavaEE | 基本类型包装类
- easypanel默认php版本设置,easypanel面板+kangle
- JeecgBoot新增一个module
- Java 8 日期和时间
- pocketpc同步驱动_PocketPC上的NewsBreak RSS Feed阅读器和播客
- 写给小温——当繁花落尽的一刻
- 服务器4通道内存性能测评,【华擎X99评测】两代多频对比 看DDR3/DDR4内存性能实测(全文)_华擎 X99-WS_主板评测-中关村在线...
- linux ps1 配色,bashrc - PS1(提示符配色)