英文网站注意事项,网站建设优化方案,百度官网认证入口,网站大连在谷歌工作的时候#xff0c;我们要做很多界面的原型#xff0c;要求快速上手#xff0c;灵活运用#xff0c;当时用的一些现有框架#xff0c;比如angular#xff0c;太笨重了——尤雨溪#xff08;Vue.js 作者#xff09; vue.js是现在一个很火的前端框架#xff0c…在谷歌工作的时候我们要做很多界面的原型要求快速上手灵活运用当时用的一些现有框架比如angular太笨重了——尤雨溪Vue.js 作者 vue.js是现在一个很火的前端框架官网描述其简单易用灵活度高性能好。本篇文章基于Windows系统 公司的项目前端框架选择了vue最近也一直在学习它今天写一篇Vue-cli脚手架搭建的学习记录以后忘记了再来查阅。那么如何从零开始要跑起一个vue.js项目主要分以下几步 1.Node.jsJavascript运行环境安装 2.Vue.js安装 3.脚手架搭建 4.项目文件描述 1.Node.js安装 下载安装测试下载安装 点击下载: Node下载 根据自己电脑系统安装一直点下一步即可 测试 WindowsR快捷键打开cmd窗口输入node -v出现版本号即安装成功 2.Vue.js安装 使用NPM安装 —NPM: NPM是随同NodeJS一起安装的包管理工具能解决NodeJS代码部署上的很多问题 由于 NPM 安装速度慢服务器在国外这里使用淘宝的镜像及其命令 cnpm 安装淘宝的镜像 打开cmd命令框输入 npm install -g cnpm –registryhttps://registry.npm.taobao.org 在命令框输入 cnpm install vue 好了vue.js安装完毕 3.脚手架搭建 Vue-cli安装搭建测试Vue-cli安装 在cmd命令框输入 cnpm install -g vue-cli 搭建测试 1.在你的vue安装目录下我的是C:\Users\dell新建文件夹VueTest 2.打开cmd命令窗口输入cd VueTest进入C:\Users\dell\VueTest输入vue list可以看到列出了可以使用的模板 在命令框内键入 vue ,看到命令描述: 我们init命令安装 vue init webpack test 安装选项选择自己需要的即可其中ESLint为ES6的代码风格检查器 这时看到安装完模板后给出了用法绿框内并且路径C:\Users\dell\VueTest多了一个test文件 进入test文件夹 cd test 安装依赖 cnpm install 启动 npm run dev 启动成功 4.项目文件描述 打开项目文件夹可以发现比之前多出来一个node_modules点开发现是之前安装的依赖文件那么其他文件夹都代表着什么存放着什么呢 这里我们用一个表格做简单描述 行数描述1、2webpack配置相关比如在config中的index.js可以配置端口号这里不做详细描述3安装的依赖代码库4项目中所有的源码在这里5第三方静态资源6通过这个文件将ES6编译成ES5的(有些浏览器不支持ES6)7编辑器的相关配置8忽略ES语法检查的目录文件9eslintrc相关配置比如debug配置10git提交时忽略的文件目录11关于CSS转换的文件12项目入口文件13项目依赖文件、配置文件14项目描述文件至此我们已经踏进了vue的大门 (转)https://blog.csdn.net/qq_32347235/article/details/58134723转载于:https://www.cnblogs.com/duandian/p/9020854.html