首页 > 代码库 > vue新建项目
vue新建项目
一直都被如何用vue.js新建一个项目的问题困扰着,经过好久的实践,终于搞清楚如何用vue新建项目了:
1.官网对于vue-cli介绍:
Vue.js provides an official CLI for quickly scaffolding ambitious Single Page Applications. It provides batteries-included build setups for a modern frontend workflow. It takes only a few minutes to get up and running with hot-reload, lint-on-save, and production-ready builds:
拙译:Vue.js官方为单页面应用提供了相应的脚手架。是一个偏流行的前端框架。它可以用少量时间建立和运行一个项目。简言之:使用Vue.js官方提供了这个vue-cli脚手架,可以迅速搭好项目框架,从而更易处理后续工作。
vue-cli使用方法:
1 // install vue-cli 安装依赖包 2 npm install --g vue-cli 3 // create a new project using the "webpack" template 4 vue init webpack my-project 5 // install dependencies and go! 6 //进入项目目录 7 cd my-project 8 //在项目中安装依赖包 9 npm install10 //运行项目11 npm run dev
2.在建立项目的过程中,有进行选择的选项,可以选择Y或者N,这根据自己需要所选,不影响什么。
3.当执行完最后一步“npm run dev”的时候,就会自动在http://localhost:8080 弹出刚才所建的项目;
vue新建项目
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。