搭建vue+webpack前端开发框架

想要更方便的以及以模块化形式开发vue，需要用webpack,而且webpack依赖于node运行。所以需要先安装nodejs

 

1.安装node:直接在官网下载文件，安装即可

        下载地址：http://nodejs.cn/download/

       windows：直接安装

       linux安装方式参考这个地址：https://blog.csdn.net/h13783313210/article/details/96280024?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~all~first_rank_v2~rank_v25-5-96280024.nonecase&utm_term=linux%20%E5%8D%B8%E8%BD%BDnodejs

       安装好之后查看版本：

      

2.安装完node之后再安装webpack

        这里需要说明下：在node里面都是以包来管理的，所以管理这些包需要一个管理工具，npm（node package manager）也就出现了，npm用来管理这些包，webpack也是node里面的一个包，所以安装webpack需要用到npm，不过安装好node之后，都会自动安装npm的。

      不过在使用npm时可能是因为国内的原因，安装和下载会需要很长时间，所以最好设置下国内的镜像链接。让nodejs在指定的镜像链接中下载。

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

         使用 npm config get registry  看下镜像链接是否设置成功。

 

        安装webpack:

        (1) 找个项目目录

        (2)#npm init -y  //初始下项目

        (3)#npm install webpack webpack-cli --save-dev  //等待时间可能会长点

3.安装vue

       安装命令   npm install -g @vue/cli      

       安装完成后使用vue --version查看下版本