vue.js的开发环境搭建

首先在系统中安装node.js(也是npm)。

node官网地址下载https://nodejs.org/en/download/

接下来搭建vuejs开发环境。

通过命令行工具来安装。

话一个技巧，有时候npm这个工具在国内会很慢，所以推荐使用淘宝的NPM镜像。将cnpm安装到系统里。（如果是mac，要用使用sudo授权安装）

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

地址：http://npm.taobao.org/

cnpm 等现于npm，下面安装命令都是使用cnpm

1、全局安装vue-cli（也叫vue手脚架）

cnpm install -g vue-cli

2、初始化一个项目（要考虑项目所在路径，可以新建一个项目文件夹，然后在这个文件夹里初始化\创建vue项目）

vue init webpack my-project

使用webpack这套模板，可以打包和压缩。

可以使用

vi package.json

查看文件的配置和依赖项。有了package.json就可以直接运行npm.

ls可以查看当前文件夹目录。

3、安装依赖（记住，要在项目文件夹里面安装依赖node_modules）

cd my-project

cnpm install

安装全部依赖。

现在前端项目都是有

4、运行项目

cnpm run dev

运行成功。

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