关于使用Vue.js搭建Vue项目的总结
2018-11-01 12:20
477 查看
关于使用Vue.js搭建Vue项目的总结@vue
关于使用Vue.js搭建Vue项目的总结
我学习Vue.js的目的很简单,前几天在网上看到别人用vue.js做出了个人组件库,很厉害,很羡慕,我也想要尝试一下(各位大佬可以无视,本人新手(o゚v゚)ノ)。而且作为一个前端里不容忽视的轻量级前端框架也有学习它的必要。我就开始了我的挖坑之旅( ̄▽ ̄*)为了避免像我这样的新手入门掉坑和我下次掉坑。专门写了这么一篇文章来记录总结关于Vue项目搭建的步骤和经验。(文章会持续更新…)
环境搭建
第一步: 下载并安装node.js.(根据所需版本按照对应系统下载安装即可)
在命令窗口中输入node -V查看是否安装成功。(注意:是大写的V)
以上表示安装成功!
第二步: 安装npm
直接在命令行中输入 npm install -g cnpm --registry=https://registry.npm.taobao.org
让他自己安装即可,安装完后输入npm -v查看是否安装成功(这里的v是小写)
以上表示安装成功!
第三步 下载并安装vue-cli手脚架,在命令窗口中输入 npm install --global vue-cli(可能中途会有几次重启)
第四步 下载并安装git
第五步 将Nodejs的安装路径放在path的环境变量中
第六步 创建项目 vue init webpack vue-demo(会过滤一些基本的项目信息)
直到 vue-router时 需要选择Y,其余的可以选择n
第七步 输入 npm install 安装依赖,然后输入 npm run dev即可(这个命令的运行地址是vue-demo文件下)
相关文章推荐
- vue2.0 使用vue-cli搭建的项目如何在index.html里引入静态css和js
- ASP.NET Core 实战:使用 ASP.NET Core Web API 和 Vue.js 搭建前后端分离项目
- Vuejs实例-01使用vue-cli脚手架搭建Vue.js项目
- 关于vue中使用eacharts(最近项目需求中需要使用eacharts,应需求所做总结)
- vue.js学习10之动手使用vue-cli搭建项目及生成的代码进行修改练手
- ASP.NET Core 实战:使用ASP.NET Core Web API 和 Vue.js 搭建前后端分离项目
- 使用Node.js完成的第一个项目的实践总结
- vuejsLearn---通过手脚架快速搭建一个vuejs项目
- 如何将 jQuery 从你的 Bootstrap 项目中移除(取而代之使用Vue.js)
- 使用Node.js完成的第一个项目的实践总结
- 关于Runtime在项目中使用的总结
- 使用vue脚手架工具搭建vue-webpack项目
- Vue 爬坑之路(一)—— 使用 vue-cli 搭建项目
- vue.js在windows本地下搭建环境和创建项目
- vue.js在windows本地下搭建环境和创建项目
- vue.js在windows本地下搭建环境和创建项目
- vue.js开发外卖App项目总结之webpack的详细配置(三)
- 使用Spring+Ibatis的项目,关于如何使用事务、如何提升性能的几点总结
- 关于vue.js弹窗组件的知识点总结