有关前端环境方面(环境变量)准备工作

前端环境最开始是先搭建本地环境——即node.js

Node.js 中文网 (nodejs.cn)

上面是node.js的官网下载适合自己电脑的安装包  ,根据需要选择自己需要的版本

    

下载完成后,双击“node-v11.5.0-x64.msi”(这里是我选择的安装包,你们可以根据你们所需选择),开始安装Node.js

node.js安装:{

  第一步:开始安装。

  第二步:点击【Next】按钮

    


  第三步:勾选复选框,点击【Next】按钮。

    

  第四步:修改好目录后,点击【Next】按钮。

    

    

     

     

     

  第五步:安装完后点击【Finish】按钮完成安装。    

    

  第六步:测试。{

    1、至此Node.js已经安装完成,可以先进行下简单的测试安装是否成功了,后面还要进行环境配置

    2、在键盘按下【win+R】键,输入cmd,然后回车,打开cmd窗口  

    

    3、打开cmd后,输入node -v   出现版本号

      然后输入npm -v    出现自带的版本号则说明安装成功

     

    4、此处说明下:新版的Node.js已自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西

  }

   

}

环境变量的配置:{

   第一步:配置默认安装目录和缓存日志目录。

       1、说明:这里的环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径,之所以要配置,是因为以后在执行类似:npm install express [-g] (后面的可选参数-g,g代表global全局安装的意思)的安装语句时,会将安装的模块安装到【C:\Users\用户名\AppData\Roaming\npm】路径中,占C盘空间

      2、例如:我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中,则在我安装的文件夹【D:\Develop\nodejs】下创建两个文件夹【node_global】及【node_cache】如下图:

      3、执行命令

        

npm config set prefix "D:\Develop\nodejs\node_global"
npm config set cache "D:\Develop\nodejs\node_cache"

  

        

        

   

        第二步:环境变量配置。

          1、接下来设置环境变量,关闭cmd窗口,“我的电脑”-右键-“属性”-“高级系统设置”-“高级”-“环境变量”

          2、进入环境变量对话框,在【系统变量】下新建【NODE_PATH】,输入【D:\Develop\nodejs\node_global\node_modules】,将【用户变量】下的【Path】修改为【D:\Develop\nodejs\node_global】

        

        

         

         第三步:测试。

           1、配置完后,安装个module测试下,我们就安装最常用的express模块,打开cmd窗口

           2、输入如下命令进行模块的全局安装:

           

}

设置完node.js后,打开GitHub

Git是一个分布式的版本控制系统,下方是GitHub的地址

GitHub: Where the world builds software · GitHub

登录或者注册自己的账号

创建仓库

git不过多阐述

要注意的也不过是下拉上传查看历史版本之类的

紧接着可以尝试创建一个vue项目了

如下文

建立一个vue项目 - 文采呱呱 - 博客园 (cnblogs.com)

当然,去看官方文档会更详细一点

创建一个项目 | Vue CLI (vuejs.org)

建好vue项目后,开始针对改路由,路由在下方

vue的router - 文采呱呱 - 博客园 (cnblogs.com)

代码改变了我们,也改变了世界
原文地址:https://www.cnblogs.com/wencaiguagua/p/15719167.html