导入他人的前端vue项目

刚进公司，难免要导入他人的项目，或者想从网上自己下载下来运行。下面说一下导入前端vue项目的步骤和常见错误

一、导入项目的步骤

1、安装工具，webStorm或者VSCode

2、安装环境，node和npm，教程网上一大堆自行百度

3、导入项目，file->open Folder，选择下载下来的工程的文件夹

4、打开shell命令窗口

5、这样就直接进入项目目录了，输入npm run dev启动项目

6、启动成功后，会给你个地址或者自动打开地址，一般是：http://localhost:8080/。就是代码的页面啦

二、常见问题

1、启动时，报错说.less找不到，如下面这段代码报错：

<style lang="less" scoped>

    @import '../style/mixin';

    .manage_page{       

    }

</style>

解决方法：需要局部安装vue-style-loader，less-loader，css-loader，vue-loader和less包（需注意就算全局安装以上包仍需局部安装） 即：npm i vue-style-loader less-loader css-loader vue-loader less。这样所有import引入的.vue文件和.less文件就不会报错找不到了