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

2017-08-31  本文已影响0人  小_路子

Vue.js官网教程

demo地址

环境:node.js环境(直接官网下载包安装即可)

npm 安装(一般安装node以后自动会安装NPM。)

工具推荐webstore(比较友好的语法提示,与书写规范,命令工具)

1.NPM

在用 Vue.js 构建大型应用时推荐使用 NPM 安装, NPM 能很好地和诸如WebpackBrowserify模块打包器配合使用。 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运行看看效果了......

上一篇下一篇

猜你喜欢

热点阅读