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

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运行看看效果了......

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容