Vue.js入门笔记—环境搭建

Vue.js官网教程

demo地址

环境：node.js环境（直接官网下载包安装即可）

npm 安装（一般安装node以后自动会安装NPM。）

工具推荐webstore（比较友好的语法提示，与书写规范，命令工具）

1.NPM

在用 Vue.js 构建大型应用时推荐使用 NPM 安装， NPM 能很好地和诸如Webpack或Browserify模块打包器配合使用。 Vue.js 也提供配套工具来开发单文件组件。

# 最新稳定版

$ npm install vue

2.命令行工具 (CLI)

Vue.js 提供一个官方命令行工具，可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目：

# 全局安装 vue-cli

$ npm install --global vue-cli

# 创建一个基于 webpack 模板的新项目

$ vue init webpack my-project （如果直接导入项目无需新建）

# 安装依赖

$cd my-project

$ npm install

$ npm run dev

注：执行 $ npm install 时大陆用户会特别慢，建议将 npm 的注册表源设置为国内的镜像，可以大幅提升安装速度。

临时使用

npm --registry https://registry.npm.taobao.orginstall express

持久使用

npm configsetregistry https://registry.npm.taobao.org

配置后可通过下面方式来验证是否成功

npm config get registry 或 npm info express

---

到这里环境基本上搭建好了，可以开始学习语法或者导入demo运行看看效果了......