码迷,mamicode.com
首页 > 其他好文 > 详细

vue新建项目

时间:2017-01-03 17:01:39      阅读:182      评论:0      收藏:0      [点我收藏+]

标签:自动   extern   lin   ejs   hub   work   ref   应用   dev   

一直都被如何用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 install
10 //运行项目
11 npm run dev

2.在建立项目的过程中,有进行选择的选项,可以选择Y或者N,这根据自己需要所选,不影响什么。

3.当执行完最后一步“npm run dev”的时候,就会自动在http://localhost:8080 弹出刚才所建的项目;

技术分享

 

vue新建项目

标签:自动   extern   lin   ejs   hub   work   ref   应用   dev   

原文地址:http://www.cnblogs.com/caiyezi/p/6245053.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!