从零开始Vue项目实战(二)-搭建环境

摘要:
安装完成后可以用node-v和npm-v查看版本号。可输入vue查看是否安装成功3、目使用vux,所以推荐使用vux官网的airyland/vux2模板。vueinitairyland/vux2projectNamefinance命令行工具会要求填写1)projectname项目名称点回车,项目名称不能包含大写字母2)projectdescription项目描述,不想写直接回车3)author作者4)installvue-router?我是先安装再关闭检查6)后面两个直接N4、进入项目目录cdfinance5、安装依赖包npminstall--registry=https://registry.npm.taobao.org(注意:直接使用cnpm可能会导致依赖不正确。强烈建议给npm设置taobao的registry。

1、下载node.js并安装

下载地址:https://nodejs.org/en/download/。 下载.msi 格式的直接连续下一步就可以了。安装完成后可以用 node  -v  和 npm -v 查看版本号。

2、安装vue-cli 脚手架构建工具

在命令行中输入npm install -g vue-cli,自动下载vue-cli(会生成一大堆的依赖文件)。可输入 vue 查看是否安装成功

3、目使用vux,所以推荐使用vux官网的airyland/vux2 模板。

vue init airyland/vux2 projectName finance

命令行工具会要求填写

1) project name 项目名称 点回车 ,项目名称不能包含大写字母

2)project description 项目描述, 不想写直接回车

3)author 作者

4)install vue-router? 建议安装 Y 回车

5)use ESLint preset eslint算是一个代码语法规范检查的工具。 我是先安装再关闭检查

6)后面两个直接N

4、进入项目目录 cd finance

5、安装依赖包npm install --registry=https://registry.npm.taobao.org (注意:直接使用cnpm可能会导致依赖不正确。强烈建议给npm设置taobao的registry。)

6、运行项目npm run dev

从零开始Vue项目实战(二)-搭建环境第1张

免责声明:文章转载自《从零开始Vue项目实战(二)-搭建环境》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇openlayers4 入门开发系列结合 echarts4 实现散点图(附源码下载)《Maven实战》笔记-8-构建部署Web项目下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

Nginx线上部署多个Vue项目(路径区分)

Nginx线上部署多个Vue项目(路径区分) nginx 多静态文件部署。 我个人博客项目占用了nginx根路径,而我只有一个域名,也不准备用二级域名了, 所以就直接用路径区分开。 一个域名,只部署一个静态文件服务,那很简单,只用把打包后文件放上去就行。 多个Vue项目主要就是路径问题,静态js文件以及自定义的路由。 原文请访问 我个人博客地址 博客地址:...

vue 点击图片获取x,y坐标值

点击图片拿到x,y值 template中 <image x="0"y="0"width="100%"height="100%"xlink:href="../../assets/images/background/bg_nav.png"@click="tapMap($event)" /> js中 tapMap(e) { //cons...

Vue.js 教程

1.vue.js主题结构如下: <!--Create by syd on 2018/9/4 17:07.--> <html len="en"> <header> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />...

Vue根据浏览器窗体变化动态设置Element Table组件的最大高度

Vue根据浏览器窗体变化动态设置Element Table组件的最大高度 这个场景应该经常遇到,比如说在一个页面有一个table,想让他数据过多的时候自动出现滚动条而不至于冲到屏幕外被隐藏,如果表格下面还有换页的话,换页直接冲没了,所以需要计算这个table表格的最大高度。 使用的是饿了吗Element组件库的table组件,有一个属性是 max-heig...

vue对vue-giant-tree进行节点操作

vue 项目中使用到了vue-giant-tree这个使用ztree封装的树形插件,在对其节点进行操作时遇到了无法向传统的jquery那样获取到ztreeObj;而导致了无法控制节点dom;浪费了许多时间,so特此记录一哈 Vue-Giant-Tree Vue-Giant-Tree是最ztree的一个封装;用于vue 项目中,该ztree的好处就是不需要...

Vue在HTML页面中的脚手架

<script src="http://t.zoukankan.com/assets/js/vue.js"></script> <script src="http://t.zoukankan.com/assets/js/vue-resource.min.js"></script>...