VUE-cli环境搭建(SHD创新实验室第三次任务环境搭建)

目录

1.安装node.js

2.安装VUE

 3.使用VS code 打开vue项目工程

---

本文由SHD实验室杨杭创作，具体问题在群里联系杨杭学长

1.安装node.js

        Node.js官网下载

        

 直接安装默认路径（尽量安装在C盘）

安装好后在WIN+R打开cmd 

输入node -v

 出现版本说明安装成功！！！

2.安装VUE

不要关闭cmd 

接下来在控制台输入：npm install -g @vue/cli 然后回车。

 

 然后控制台输入：vue -V 

出现版本说明安装成功。

 3.使用VS code 打开vue项目工程

通过SVN下载文件，并解压：

SVN地址：svn://121.199.48.56/repository/repository/SHD资料/hellow.rar

！！！注意！！！

使用VS code 打开项目文件必须打开目录最后一个文件！！！ 

该文件打开后必须还有以下目录

 vs code 打开hellow

 新建一个终端

 

 输入 npm i  进行下载必备包

 下载成功后文件目录有一个node_modules的文件

 ！！切记！！编写项目时不要打开这个文件

接下来再输入npm run serve

出现这些说明项目启动完成！，在浏览器打开链接即可！！！

 

打开浏览器，输入：http://localhost:8080/ 出现下面界面，即为成功

然后就可以开始编写代码了，在编写项目时在src文件里进行编写！！