webpack配置vue项目模板安装步骤

  我们在创建一个项目的时候要安装vue的项目模板,对于安装项目模板它有一种简单模式和一种完全模式,今天就说一下完全模式,也是本人经常用的一种模式,很方便。

     安装完全模式的步骤:

1)Node.js(首先你要确保你的Node.js是安装好的)

2)安装先打开你的命令行工具,在你想要创建的文件夹地方打开

3)全局安装vue-cli (安装时间长,需要耐心等待,如果已经安装过就不需要重复安装了) 

           

 npm install --global vue-cli

4)创建一个基于webpack模板的新项目:

       

vue init webpack my-project

  my-project是你的项目名称

      

     出现图片中的added就证明是安装完成了,途中有可能会出现报错,有些原因是网络原因,只需要再重新来一遍就好了

5)安装项目依赖:

     

cd my-project npm install

6) 安装axios和vue-router

  

npm install axios

  

npm install vue-router

  

      显示如图就证明安装成功

7)最后运行项目:

     

npm run dev

  

        运行项目后显示地址http://localhost:8080(一般是8080,8080被占用的时候,就会出现其他地址)

      

     访问网址,显示上图所示,就证明你安装成功了!

                                                                                                                                                                                              --END

原文地址:https://www.cnblogs.com/liujiajiablog/p/8954060.html