首页 > 其他 > 详细

创建vue项目结构

时间:2018-07-31 16:09:07      阅读:159      评论:0      收藏:0      [点我收藏+]

vue官方有给vue项目提供一个官方命令行工具,官方的解释为:

  Vue 提供了一个官方的 CLI,为单页面应用快速搭建 (SPA) 繁杂的脚手架。它为现代前端工作流提供了 batteries-included 的构建设置。只需要几分钟的时间就可以运行起来并带有热重载、保存时 lint 校验,以及生产环境可用的构建版本。更多详情可查阅 Vue CLI 的文档

 

首先需要安装这个脚手架来运行vue。(我用的mac)

 

安装脚手架需要用到npm,但是npm的缺陷即是在国内使用的话会很慢很慢,这里推荐用淘宝的npm镜像;(安装时若遇到权限问题,在npm前面加上sudo,然后输入电脑密码即可)

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

安装完后就可以用cnpm代替npm了

 

然后就可以来安装vue-cli了,终端输入:

sudo cnpm install -g vue-cli

安装结束后 vue 就变成可执行的命令了

 

然后在终端进入自己要的目录,输入

vue init webpack myFirstVueProject  

这里是下载依赖webpack的文件夹,可以看到终端进入下载模板阶段,静待下载完毕

技术分享图片

下载完后会有几个问题:

? Project name my-first-vue-project      项目名称
? Project description (A Vue.js project)  项目描述
? Author (jindou <1154993193@qq.com>)  作者  

以及是否安装几个插件的询问,我都选择否,然后文档目录就下载好了。 

然后进入 myFirstVueProject 运行

sudo cnpm install

来下载所有的依赖

 

创建vue项目结构

原文:https://www.cnblogs.com/startingPoint/p/9396195.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!