Vue 项目配置


配置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同步,避免丢失。


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM