vue网站开发环境搭建

vue有三种方式安装，分别是直接用 <script> 引入、CDN、NPM,详见vue官方文档：https://cn.vuejs.org/v2/guide/installation.html.这里以第三种npm安装为例演示整个过程。

具体步骤为：

1、安装node&npm

其中node自带npm，安装node之后就已经安装了npm。完成后可以 用node -v，npm -v来验证是否成功，出现版本信息说明成功。

2、安装vue

输入：

npm install vue

3、安装vue-cli

npm install -g vue-cli

4、创建项目

vue init webpack firstApp

根据提示信息输入项目名称、开发者等等信息。

   5、项目目录介绍

用webstorm打开，项目的目录为：

这里简单介绍src目录的结构：

• assets：一般存放网站用到的资源文件、如图片、markdown文件等。
• components：存放各个组件，后缀名为.vue。
• router：路由目录，其下的index.js文件中详细配置每个路径要跳转的页面。
• APP.vue：整个网站所有页面共有的结构。
• 关于每个文件的详解待续。。。。。