Vue.js项目的搭建

使用Vue框架编写前端页面步骤 1.安装vue-cli脚手架工具

  • 打开命令行,输入指令 npm install -g vue-cli
  • 安装成功后,可以查看版本号vue --version,如果看到那么说明安装成功
2.项目的搭建
  • 在命令符中进入创建项目的目录下,输入vue init weback 项目名称
  • 创建完成后,页面上就会出现下面的内容
Project name:项目名称 Project description:项目描述 Author:作者 Vue build:运行时与编译 Install vue-router?:是否安装路由? Use ESLint to lint your code?:是否进行代码检测? Setup unit tests with Karma + Mocha?:是否进行单元测试? Setup e2e tests with Nightwatch?:是否进行端对端测试?

  • 上面的填写的内容或选项可以考虑实际情况而定
3.最后项目搭建完毕后,用webstorm打开项目,在终端用 npm run dev运行,运行成功后会跳出localhost:8080的网页,点击就可以查看详细内容

    推荐阅读