欢迎光临我的个人博客网站!

我的个人博客网站

关注互联网发展和网站优化的个人网站

您当前的位置:主页 > 网站技术 >

vue.js项目搭建

发布时间: 2018-04-30 编辑:admin 点击:109次

       2017年,前端再也不是之前的只要会html、css、jquery的技术知识就可以找到工作了,自己也吃了这个亏,16年做了一年后出来本以为可以找到好一些的前端工作,可没想到面试的过程却处处碰壁。可能和自己的表达有关,再一个就是新技术没有去及时关注。现在市面上最火的前端三大框架莫过于vue.js、angular.js、react了,由于   vue.js是一位华人参与开发的,而且入门也容易就还是选择了vue.js进行学习。

vue.js项目搭建

         Vue.js是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,并且非常容易学习,非常容易与其它库或已有项目整合。另一方面,Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。
可以说是未来WEB端开发的趋势,但是也并不代表jquey就淘汰了,存在即合理,jq应该在以后会有其他领域的价值,这里我就不多说了。废话就不多写了。进入搭建步骤环节。
 

vue.js项目搭建

1、下载安装nodejs: https://nodejs.org/en/
2、环境变量配置 :
将nodejs安装目录复制到c盘环境变量配置中-复制在用户环境path后面 我的是D:\nodejs 

vue.js环境变量配置
 
node -v测试node是否安装成功
3、安装cnpm
 
在命令行中输入npm install -g cnpm --registry=http://registry.npm.taobao.org
 
4安装vue-cli脚手架构建工具
在命令行中运行命令npm install -g vue-cli
 
5创建项目
在命令行中运行命 vue init webpack firstVue
 
6安装项目所需的依赖
 
要安装依赖包,首先cd到项目文件夹(firstVue文件夹),然后运行命令cnpm install,等待安装。
 
服务器启动命令:
npm run dev

服务器启动成功后,就可以在地址栏里输入http://localhost:8080了,好了,赶紧去试试吧。
 
 

 

 

  • 上一篇:前端开发jquery的一些使用技巧
  • 下一篇:没有了