vue项目搭建详细教程

1、下载node.js

下载地址：Download | Node.js

直接下一步下一步即可下载完成
下载完成后，按住win+R，输入cmd回车
查看node版本：node -v

查看npm 版本：npm -v

2、下载淘宝镜像（先前我已经下载过了，此时为演示）

输入： npm config set registry https://registry.npm.taobao.org --global

3、npm安装cli

输入： npm install -g @vue/cli

查看下载的cli版本： vue -V （注意：V为大写的V哦）

4、创建项目

注意：先在指定的目录创建一个目录，cd 进入该目录后就可以开始创建项目啦（这样做是为了方便管理自己的项目）

进入Vue目录： cd desktop/Vue （我在桌面创建了一个Vue的目录，所有的vue项目都保存在该目录下）

创建项目： vue create 项目名（demo 为项目名）

选择 Manually select features

选择配置的信息，移动上下键选择需要的配置，点击"空格"选择相应的配置，带有“*”表示已选上
选择版本，根据项目需求,我们选择2.x

根据提示输入，输入完成后点击回车等待项目创建
创建成功

根据提示信息启动项目

进入demo项目：cd demo

启动项目：npm run serve

在浏览器中输入： http://localhost:8080/

以上就是全部的vue项目搭建过程啦，喜欢的小伙伴可以点赞关注收藏哦，遇到不会的问题欢迎评论留言；下期想讲一下使用VScode编写vue项目，需要的小伙伴可以看看哦~

vue项目搭建详细教程相关推荐

使用jenkins自动化打包部署Vue项目。详细教程。
此教程 jenkins是直接部署到linux服务器上.服务器系统:CentOS 7.3 64位. 流程:jenkins关联码云仓库,点击立即构建,执行shell进行构建,打包,把打包后的dist目录文 ...
从零开始搭建SpringBoot项目(三)——小程序Uni-app项目搭建(详细教程和实战)
前情回顾从零开始搭建SpringBoot项目(一)--开发环境搭建从零开始搭建SpringBoot项目(二)--Swagger接口测试平台搭建目录前情回顾一.前置条件二.本篇介绍三.获取 ...
Re：从零开始的Vue项目搭建
Re:从零开始的Vue项目搭建初始的终结与结束的开始 Nodejs项目的简单测试从零开始 webpack开发模式 webpack编译打包后记初始的终结与结束的开始最开始接触vue项目搭建是从 ...
【前端开发环境安装、配置、项目搭建全教程】
前端开发环境安装.配置.项目搭建全教程 1.Node环境安装简单的说 Node.js 就是运行在服务端的 JavaScrip,基于 Chrome JavaScript 运行时建立的一个平台,Node ...
Win10 Anaconda下TensorFlow-GPU环境搭建详细教程（包含CUDA+cuDNN安装过程）（转载）...
win7(win10也适用)系统安装GPU/CPU版tensorflow Win10 Anaconda下TensorFlow-GPU环境搭建详细教程(包含CUDA+cuDNN安装过程) 目录 2.配置 ...
七十四、完成Vue项目城市详细页，并实现打包
2020/11/09. 周一.今天又是奋斗的一天. @Author:Runsen 今天完成Vue项目城市详细页,并通过npm run build实现打包. Banner.vue <templat ...
七十三、Vue项目城市详细页的动态路由，Banner布局和公用图片画廊组件拆分
2020/11/04. 周四.今天又是奋斗的一天. @Author:Runsen 写在前面:我是「Runsen」,热爱技术.热爱开源.热爱编程.技术是开源的.知识是共享的.大四弃算法转前端,需要每天的 ...
Vue Vuex的详细教程
Vue Vuex的详细教程 Vuex 是什么? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式.它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变 ...
Vue Router的详细教程
Vue Router的详细教程安装 #直接下载 / CDN https://unpkg.com/vue-router/dist/vue-router.js Unpkg.com 提供了基于 NPM 的 ...

vue项目搭建详细教程

vue项目搭建详细教程相关推荐

最新文章

热门文章