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

快速创建vue 项目

时间:2018-09-02 20:14:22      阅读:145      评论:0      收藏:0      [点我收藏+]

标签:编写   完成   code   nod   npm   新项目   时间   dev   推荐   

随着VUE 技术的不断更新,越来越多的开发者开始使用vue编写前端界面,今天我就和大家分享一下 ,如何快速创建一个vue项目。

前提: 安装了node.js

首先: 全局安装vue-cli 

 使用命令:

npm intsall vue-cli -g  (-g代表全局安装)

 

创建项目 

    使用Vue初始化基于webpack 的新项目

使用命令: 

vue init webpack my-project

命令运行中会提示一些选项 ,可以根据自己使用情况安装 ,个人推荐安装eslint  ,他可以更好的规范我们的代码风格 

   新项目创建好后,可以开始安装基础模块

进入我们创建的项目

cd my-boject

开始安装模块

npm  intsall

此命令可能会执行很长时间,视网速而定 ,如果感觉时间很长,可以考虑试试cnpm 安装

模块安装完成后,执行以下命令可预览刚刚创建的新项目

npm run dev

至此 使用Vue-cli脚手架创建新项目完成

快速创建vue 项目

标签:编写   完成   code   nod   npm   新项目   时间   dev   推荐   

原文地址:https://www.cnblogs.com/hspl/p/9574650.html

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