从网上下载一个vue项目，跑起来的全过程

一、首先从github上来一个项目下来，在这里我就不细说了。

二、先查看项目所需要的Node版本和vue版本，进入到项目的主目录下

点击package.json文件查看该项目所需要到的vue、node版本（node再带npm）

三、开始下载node，官网：https://nodejs.org/zh-cn/，下载完安装包后，一直下一步，安装好后，使用代码测试一下安装好没有。

node -v

也顺便检擦一下npm版本（安装node会自带npm）

npm -v

显示版本号说明就可以了，还不行的话重启试试。
安装完node之后，最好配置成阿里源（不然外网的源卡的飞起。。。）
直接在doc界面中输入代码即可。

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

四、安装vue-cli,直接在npm中下载即可，项目里的版本是2.5.16，我直接用代码下载的是2.9.6（项目启动成功，版本没有完成对应，应该不要紧）

npm install -g vue-cl

下载成功后，直接在doc界面输入vue -V出现版本号说明安装成功。
注意：发现npm install -g vue-cl下载的vue，也可以根据指定的版本号下载（这步可以不用理）

npm install -g vue-cli@2.5.6

这个版本号要注意了，npm中一定要有这个版本号，不然会报错，教大家一个看版本号的方法。

npm  view vue-cli versions --json

五、vue和node都下载好了，这个时候开始下项目的依赖了。打开项目目录，进入doc页面

npm install

这个过程是前端项目下载依赖的过程，有可能有些包会下载失败，下载失败的话，把node_modules这个目录删了，在重新执行一次npm install，直到没有错为止。
备注：一般git clone拉下拉的前端代码是没有node_modules这个目录的，npm install后才有。
六、依赖和环境都配置好了，那么就开始运行项目，直接打开doc界面

npm   dev run

到这里整个前端项目就跑起来了。
本人是一个JAVA狗平时也没怎么学过前端，在这里做一下笔记，如有错误欢迎大家点出~~

从网上下载一个vue项目，跑起来的全过程相关推荐

怎么从github上下载一个vue项目在本地运行
克隆项目: git clone https://github.com/AsaZws/... 安装nodejs 安装依赖: npm install 启动服务: npm run dev 发布代码: npm ...
运行github上下载的vue项目
文章目录一.环境准备 1.下载node.js 2.设置cnpm 3.初始化项目脚手架vue-cli 二.运行vue项目 1.从github上下载一个vue项目: 2.安装项目所需的依赖: 3.运行项 ...
如何开始一个vue项目
万事开头难~ 刚开始学习vue.js就是看看官方文档,然后在.html文件里引入下载到本地的vue的库文件,来跟着敲示例代码.但是接触到vue的项目,发现自己完全不知从何下手.之后再网上查找了一些vu ...
安装Vue node 及创建一个Vue 项目
安装Vue 和 node 及创建一个Vue 项目一下载node.js安装包 1 下载资源包,然后安装 2 点击以上的Run(运行),将出现如下界面,然后一直点击Next 直达安装完成 3 检测P ...
从零开始搭建一个vue项目 -- vue-cli/cooking-cli（一）
从零开始搭建一个vue项目 -- vue-cli/cooking-cli(一) 1.vue-cli搭建一个可靠成熟的项目 1.介绍 vue-cli 我是去年六月份接触的vue1.0,当时还是个菜逼,当 ...
vue请求在退出页面还执行吗_如何用 Cloudbase Framework 部署一个 Vue 项目
无需修改业务代码,就能将 Vue 应用前后端一键托管部署在云开发平台~ Cloudbase Framework 是云开发官方出品的前后端一体化部署工具.目前已经开源 . 关于 Cloudbase F ...
[vue] 从0到1自己构架一个vue项目，说说有哪些步骤、哪些重要插件、目录结构你会怎么组织
[vue] 从0到1自己构架一个vue项目,说说有哪些步骤.哪些重要插件.目录结构你会怎么组织 1 项目类型前端的项目目前来看主要分为小程序开发,H5页面开发.PC官网.后台管理系统开发.Nativ ...
VsCode创建第一个vue项目
转载自:https://www.cnblogs.com/z45281625/p/9015380.html VsCode创建第一个vue项目使用vue-cli快速构建项目 ( vue-cli 是vu ...
使用VSCode创建一个Vue项目
使用VSCode创建一个Vue项目 vue-cli 是vue.js的脚手架,用于自动生成vue.js模板工程的. 安装vue-cli之前,需要先安装了vue和webpack · node -v //( ...

从网上下载一个vue项目，跑起来的全过程

从网上下载一个vue项目，跑起来的全过程相关推荐

最新文章

热门文章