使用vue-cli脚手架搭建简单项目框架

Posted 你好,年轻人......

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用vue-cli脚手架搭建简单项目框架相关的知识,希望对你有一定的参考价值。

1.首先已经安装了node,最好版本6以上。

2.安装淘宝镜像

大家都知道国内直接使用 npm 的官方镜像是非常慢的,这里推荐使用淘宝 NPM 镜像。这样就可以直接使用cnpm了。

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

如果过程出差,是否安装git?
      

3.安装webpack

cnpm install webpack -g

4.安装vue脚手架

npm install vue-cli -g

以上-g 代表的是全局安装。所以以后不用每个项目都安装了。

5.根据模板创建项目

创建项目
vue init webpack Vue-Project

创建完项目后,记得 cnpm install 安装模块依赖。

最后,cnpm run dev 即可启动.



以上是关于使用vue-cli脚手架搭建简单项目框架的主要内容,如果未能解决你的问题,请参考以下文章

搭建一个简单的React项目

使用vue-cli(vue脚手架)快速搭建项目

从零开始利用vue-cli搭建简单音乐网站

脚手架(vue-cli)搭建之后的简单介绍

使用vue脚手架(vue-cli)快速搭建项目

使用vue-cli脚手架自动化搭建一个vue项目