用vue-cli3搭建vue项目并安装工作中会用到的基础依赖

1.打开需要创建项目的文件夹

2.在此文件夹中打开命令行工具(方式之一如下：）

创建项目前一定要看清楚使用的脚手架版本（本次搭建项目最高只适用于vue-cli3）

使用命令：①npm uninstall -g @vue/cli  ②npm install -g @vue/cli@3.0.4 ③vue -V

3.使用npm create 项目名（npm create new-package）

4.按照vue-cli提示和自己需求完成创建项目

5.使用开发工具打开项目（本项目使用vscode如下图：）

6.安装样式辅助依赖工具sass（sass-loader;node-sass;style-loader）

①npm install sass-loader node-sass style-loader --save --dev(版本需要控制尽量不要这样一块装)

②npm install（为确保一些依赖由于网络或者其他原因没有装完全）

7.安装element-ui

①npm i element-ui -S

②在main.js中引入一下两行代码（如下图：）

import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css';