创建vue项目结构

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

来下载所有的依赖

 

posted on 2018-07-31 15:39  怼_烎  阅读(149)  评论(0编辑  收藏  举报

导航