美文网首页
使用vue脚手架搭建web前端项目

使用vue脚手架搭建web前端项目

作者: unravelW | 来源:发表于2018-08-16 16:34 被阅读0次

vue.js是一个前端MVVM框架。我们可以使用vue-cli快速构建基于vue框架的项目。

1、首先我们需要安装node环境,可以去官网下载安装,安装完后再命令行输入node -v查看是否安装成功。

2、接着安装vue脚手架,在命令行用npm安装

npm install -g vue-cli

3、接下来使用vue-cli初始化webpack项目,按提示信息输入相关参数。

vue init webpack yourprojectname(项目名)

4、在创建的项目文件夹下运行

npm run dev

接下来便可在浏览器上访问正在运行的项目了。

vue-cli搭建的项目结构

一般我们的项目文件放在src这个文件夹下,需要编辑的文件也在这个文件夹下。

mian.js是入口的js文件

new Vue()挂载的是app.vue

最后weboack将所有文件打包成bundle.js放在index.html中

参考链接:

https://www.cnblogs.com/zJintao/p/7704643.html

https://www.cnblogs.com/libin-1/p/6833373.html

相关文章

网友评论

      本文标题:使用vue脚手架搭建web前端项目

      本文链接:https://www.haomeiwen.com/subject/tddobftx.html