欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

vue项目创建流程

程序员文章站 2022-06-12 18:04:51
...

搭建完Vue的环境之后,我们就开始创建一个项目吧

  • 首先要进入创建项目的:cd XXX
  • 创建全局的 vue-cli(每次创建的时候都需要执行的):cnpm install --global vue-cli
  • 创建一个基于webpack 模板的新项目:vue init webpack   projectname(项目名字)
  • 这时候需要填写一些配置信息如下:填写完按回车
     ? Project name my-project
     ? Project description A Vue.js project
     ? Author runoob <[email protected]>
     ? Vue build standalone
     ? Use ESLint to lint your code? Yes
     ? Pick an ESLint preset Standard
     ? Setup unit tests with Karma + Mocha? Yes
     ? Setup e2e tests with Nightwatch? Yes
  • 此上就创建好了一个项目,完后我们要进入项目安装并运行
  • 将进入项目:cd 项目名
  • 安装:cnpm install
  • 运行项目:cnpm run dev(只有在运行项目的时候页面才会展示的哦)
相关标签: vue