vue2+vue-cli搭建项目

作者: 小粥粥焖鸡 | 来源:发表于2018-10-12 11:47 被阅读3次

    写在前面

    vue2是一个构建数据驱动的 web 界面的渐进式的轻量级框架 

    通常什么情况下,我会选择使用vue2?

    1、移动端(有丰富的第三方UI库:Vux、Mint UI、Vuetify、Element等等)

    2、有较多的数据交互和界面交互切换

    3、当然是要适合单页面开发

    安装

    1、首先要确保你已经安装了node,没安装的可以到node官网下载安装包。

          安装完成后,可以命令行工具中输入 node -v 和 npm -v,如果能显示出版本号,就说明安装成功。

    1-0

    2、安装vue-cli,vue-cli是一个脚手架,它为前端开发工作流提供了开箱即用的构建配置,只需几行命令就可以搭好基础架构。

         全局安装vue-cli:npm install -g vue-cli 

    生成项目

    在命令行中进入到项目目录,然后输入:

    vue init webpack Vue-Project

    1-1

    下图是生成的项目所在文件夹↓:

    1-2

    要运行项目:到项目所在目录下运行  npm run dev

    要打包项目:到项目所在目录下运行 npm run build

    过程中有踩到坑的,欢迎评论交流~

    相关文章

      网友评论

        本文标题:vue2+vue-cli搭建项目

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