Vue前端学习笔记--环境的搭建（第一篇）

我这里主要用vscode--vue进行前端的编程，以下是我对前端搭建的过程的总结：

1、首先需要下载node.js，node.js是用Javascript开发的，可以在chrome上跑的，所以下载node.js是最基础最必须的，下载地址为：Node.js 中文网，且根据自己电脑类型进行选择，我这边选择windows64位。

 

我这边下载在了c盘。

2、测试是否下载成功

 

上面是指令，下面是版本号。

 

其实下载完node后，会自动下载npm，所以一输入npm的指令，就会出现对应的版本号。

3、用npm命令安装vue.js

命令：npm install vue -g

其中-g是代表将vue安装到全局，这样就不用建一个项目安装一遍，且不说安装速度较慢

4、配置镜像站提升速度

命令：npm config set registry=http://registry.npm.taobao.org

5、安装vue-cli

cli是vue的脚手架，这个可以理解为是一个工具，只要让我们关注开发就OK，所以安装vue-cli也是重中之重。

命令：npm i @vue/cli -g

注意的是要有一个@符号，表示下载的脚手架是最新版本，如果忘记加@则需要卸载重新下。

6、测试vue-cli脚手架是否安装成功

注意看，这里面的V是大写的。 

7、创建vue项目

命令：vue create 项目名

我这边建的项目名称叫 myproject

 恭喜：出现红框里的字样就是创建新项目成功！再用cd 转一下相应文件，运行npm run serve就可以了~

8、最后的效果图

 由于我还是个前端小白，搭环境踩得坑我都踩了，甚至还重做系统去修了电脑，但是！！！

以上是我总结的最简单最明了的搭vue环境的流程，希望对大家有帮助！

I enjoy coding！fitting！