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
可能出现错误：
解决：npm install node-sass --save-dev或者npm install node-sass -g
(4)运行项目
npm run dev
如果浏览器打开之后，没有加载出页面，有可能是本地的 8080 端口被占用，需要修改一下配置文件config>index.js
网友评论