一个小白的vue之路(二)——我的第一个vue程序HelloWord及环境搭建

前言:在开始我们的第一个程序之前,我们需要先把相关的开发环境搭建好。对于老鸟而言可能不屑一顾,但对于我们新手而言真的是头疼。。。

vue相关开发环境搭建

1.安装node

做前端哪能少得了node.js,vue项目运行要依赖于node的管理工具npm来实现,下载node.js下载地址
下载好node之后,以管理员身份打开cmd管理工具,,输入 node -v ,回车,查看node版本号,出现版本号则说明安装成功。

2.安装npm淘宝镜像cnpm

因为npm是国外的,我们访问起来比较慢,所以我们使用淘宝的npm镜像cnpm代替默认的npm管理工具。

输入命令:npm install -g cnpm --registry=https://registry.npm.taobao.org

3.安装全局vue-cli脚手架

输入命令:cnpm install --global vue-cli

验证是否安装成功,在命令输入vue,出来vue的信息,及说明安装成功;

4.我的第一个vue程序HelloWorld

在相应的目录下,输入命令

输入命令:vue init webpack helloworld

它会在对应目录下创建一个文件夹helloworld,里面存放的就是我们的项目,在创建的过程中回访我们选择要装的插件vue-routerESLint,我们暂时先不选择任何插件,都选择‘no’.一个小白的vue之路(二)——我的第一个vue程序HelloWord及环境搭建

5.我的开发工具 VScode,yarn

非常好用,可以直接在控制台输入npm命令,不用再切换窗口,而且插件很丰富。同时我在实际项目中用的包管理工具并非npm而是yarn,功能和npm一样,单个人感觉yarn更加好用,大家可百度其优缺点,自行选择。