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