1.工具nodejs+webstorm
2.具体步骤(通过命令)
(1).全局安装 vue-cli:npm install -g vue-cli
【安装完成后,可以使用vue -V(注意 V 大写)查看是否安装成功。】
注意:如果提示“无法识别 'vue' ” ,有可能是 npm 版本过低,可以使用 npm install -g npm 来更新版本
(2)生成项目
首先需要在命令行中进入到项目目录,然后输入:
vue init webpack Vue-Project (Vue-Project 是自定义的项目名称)
出现如下图提示
注意:一定要选择使用ESLint规范代码
配置完成后,可以看到目录下多出了一个项目文件夹,里面就是 vue-cli 创建的一个基于 webpack 的 vue.js 项目;
(3)进入项目目录,安装依赖
cd Vue-project
npm install
可能出现错误:
(4)运行项目
npm run dev
如果浏览器打开之后,没有加载出页面,有可能是本地的 8080 端口被占用,需要修改一下配置文件config>index.js