配置Vue的app项目首先需要配置本地环境。
1.下载node.js并且安装。(根据自己电脑参数进行选择)
打开cmd,检查是否安装成功。
分别输入:
node -v
npm -v
结果如图正确显示出版本号表示安装成功。
接下来通过CLI配置项目
1.全局安装 vue-cli
在命令行输入npm install --global vue-cli进行安装
2.创建一个基于 webpack 模板的新项目 init webpack my-project (项目名)
会有很多询问Yes/No的根据需要选择吧。(下面时我的)
接下里就是等待安装(时间较长,如果较慢请用手机热点)
当出现如图所示,表示安装完成
3.进入到项目的文件夹(cd Travel-Practice),然后运行项目(npm run dev)
显示如图,表示运行成功。
最后打开浏览器进入 http://localhost:8080进行查看
OK,大功告成,接下来就去编辑你的项目吧。
当然,推荐大家把代码于GitHub同步,避免丢失。