windows下搭建vue开发环境

最新推荐文章于 2024-06-11 19:53:33 发布

Young-杨

最新推荐文章于 2024-06-11 19:53:33 发布

阅读量1.7k

点赞数 1

分类专栏： Vue 文章标签： vue nodejs npm vue.js javascript

本文链接：https://blog.csdn.net/vailook/article/details/104552168

版权

5 篇文章 0 订阅

订阅专栏

一、在搭建vue的开发环境之前，一定一定要先下载node.js，vue的运行是要依赖于node的npm的包管理工具来实现，node可以在官网或者中文网里面下载，根据自己的电脑选择是32还是64，然后傻瓜式安装即可。
网址：http://nodejs.cn/download/；
在这里插入图片描述

下载好node之后，打开docs管理工具，
先看看node安装成功了没有。输入

node -v

回车，会输出node的版本号
在这里插入图片描述
这样就已经是安装成功了，由于在国内使用npm是非常慢的，所以在这里我们推荐使用淘宝npm镜像。
使用淘宝的cnpm命令管理工具可以代替默认的npm管理工具：

 npm install -g cnpm --registry=https://registry.npm.taobao.org；

淘宝镜像安装成功之后，我们就可以全局使用vue-cli脚手架，
输入命令：

cnpm install @vue/cli -g

回车，验证是否安装成功，在命令输入，

vue

出来vue的相关信息，及说明安装成功；
在这里插入图片描述
搭建完手脚架之后，我们要开始建一个新项目，这个时候我建议，尽量不要装在C盘，因为vue下载下来的文件比较大，如果要改盘的话，直接输入D：回车就可以直接改盘，

然后我们开始创建新的项目输入命令：

vue init webpack Travel

回车，Travel 是我自己的文件夹的名字，是基于webpack的项目，输入之后就一直回车，直到出现是否要安装vue-router，

这个我们在项目要用到，所以就输入y 回车
在这里插入图片描述
文件夹已经下载好了，现在就可以进入文件夹，输入： cd Travel 回车，
因为各个模板之间都是相互依赖的，所以现在我们要安装依赖，

cnpm install

已经安装好之后，现在要来测试一下我们下载好的模板能不能正常的运行，在命令行输入：

npm run dev

回车即可，
8080是默认的端口，要访问的话，直接在浏览器输入localhost:8080就可以打开默认的模板了；

在这里插入图片描述

git + 码云使用详解（入门）(mac+windows教程) https://blog.csdn.net/ai1362425349/article/details/82119889

连接了git将本地文件夹下更新的代码更新到远程仓库
操作步骤如下：

git status   #仓库当前的状态
git add .   #提交新文件(new)和被修改(modified)文件，不包括被删除(deleted)文件
git commit -m '备注'  #提交添加到暂存区的文件到仓库（只提交添加的）
git push    #提交到远程分支代码仓库

关注