开始我的第一个vue项目-问题记录

一. 下载完成vue-cli以及webpack后，使用vue init webpack 项目名字创建，提示要下载vue-cli-init,如图所示

 

          

          1.这是因为vue init webpack 是老版本cli的命令，新版本建议使用vue create命令。

          2.如果还要使用老版本的命令那就需要下载vue -cli-init，建议直接用npm  i -g @vue/cli-init，取消它自动下载，不然不会成功。

 

二 . 给vue项目安装less，发现执行报错，错误如下:

           

 

           原因less-loader版本过高，降低less-loader版本：

           npm add less-loader@4.1.0 --dev

 

三.    给vue项目引入全局的less文件报错,引入方式，在main,js中输入如下代码;

          import '../static/public.less'; 

         报错

         

 

        查是说style-loader和css-loder位置顺序问题.

        解决方法，引入样式文件代码写成如下:

        import '!style-loader!css-loader!../static/public.less';