vue脚手架安装步骤vue-cli

Posted lizhao123

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue脚手架安装步骤vue-cli相关的知识,希望对你有一定的参考价值。

1.环境搭建     安装node.js:

      从node.js官网下载并安装node,安装过程很简单。 
   npm 版本需要大于 3.0,如果低于此版本需要升级它:

# 查看版本
$ npm -v
2.3.0

#升级 npm
cnpm install npm -g

2.安装vue-cli脚手架构建工具

   先看下你的电脑有没有安装vue

   没有就安装 如下

$ vue       
//回车,若出现vue信息说明表示成功

$  npm install -g vue-cli 
//回车,等待安装...

3.用vue-cli构建项目

# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 这里需要进行一些配置,默认回车即可

4.安装依赖

  先进入你的项目里面

1).输入:cd my-project(项目名),回车,进入到具体项目文件夹

2).输入:npm install,回车,等待一小会儿

 


以上是关于vue脚手架安装步骤vue-cli的主要内容,如果未能解决你的问题,请参考以下文章

vue-cli安装步骤

Vue-cli脚手架安装

搭建vue 脚手架(vue-cli)

vue-cli4.0脚手架安装

vue-cli vue脚手架构建

vue-cli(vue的脚手架搭建过程)