搭建vue开发环境

1.node -v,查看是否安装node.js,没有安装的话先安装node.js, https://nodejs.org/en/download/官网下载，傻瓜式安装

 node -v,出现版本号，说明安装成功

2.npm -v 命令：npm包管理器，是集成在node中的，所以安装了node也就有了npm,直接输入 npm -v 命令，显示npm的版本信息。

3.安装脚手架vue-cli，vue -V (在此注意V为大写)，显示版本号，安装成功

4.新建一个vue项目，项目名my_project,vue init webpack my_project(Use ESLint to line your code ?选择 No ,该选项为使用ESLint规范你的代码，一个空格错误都将报错，不开启，避免不必要的麻烦)

新建成功

5.项目新建完成后，目录如下

node_modules该文件里的内容是安装的依赖，如果没有这个文件夹，需要手动安装依赖

cd my-project

npm install

7.浏览器打开项目

cd my-project

npm run dev

执行完之后，浏览器会自动打开项目，如果没有自动打开，可以复制http://localhost:8080链接在浏览器打开

项目打开效果图