文档章节

用npm创建vue项目(vue2.0)

壹毛
 壹毛
发布于 2016/12/04 18:42
字数 405
阅读 346
收藏 0

-- 安装nodejs

用命令行生成vue项目框架需要npm包管理器来安装,而npm又是在安装nodejs的时候同时安装的

安装命令行工具

npm install -g vue-cli

//使用淘宝的镜像可以这样写,国内的朋友可以用这个,速度很快。国外的如果没有翻墙估计会安装不成功。

npm install -g vue-cli --registry="https://registry.npm.taobao.org"

-g表示全局安装, vue-cli是模块,全局安装的模块可以在命令行直接使用.

安装完模块后,可以用vue --version 来查看vue的版本号

-- 创建项目框架

这里需要注意的是用vue不是用npm

vue init webpack my-project

创建一个基于"webpack"的项目,后面是项目名

注意红框的部分选择的是No

-- 安装依赖

生成了项目以后是不能直接运行的,现在很多项目都依赖许许多多的模块,需要逐一安装,

ctrl+c 停掉刚生成项目的命令,cd vue-project 进入项目跟目录, 用命令 npm install 安装

//可以使用淘宝镜像

npm install --registry=https://registry.npm.taobao.org

当这个命令运行完成以后会多出一个node_modules文件夹,里面就是项目所需的所有依赖,

可以看到有很多模块,这些模块都是在package.json文件里定义好了的.

-- 运行测试

好了,依赖安装完成后就可以运行我们的项目了命令:

npm run dev

 

看到这样的输入项目就运行起来了,然后打开浏览器,输入地址 localhost:8080,

 

本文转载自:

共有 人打赏支持
壹毛
粉丝 0
博文 16
码字总数 1778
作品 0
杭州
程序员
vue升级之路(一)-- 使用vue-cli构建vue项目

最近在公司用vue.js做了个移动端OA项目,有点感觉vue2.0的运用感觉有点不足,所以准备用这次项目的累积及之前的一些理解,写一个vue系列的博客,巩固一下自己对vue的使用,也希望对大家有所帮...

tree_book
06/04
0
0
Vue国际化处理 vue-i18n 以及项目自动切换中英文

直接上 预览链接 Vue国际化处理 vue-i18n 以及项目自动切换中英文 1. 环境搭建 命令进入项目目录,执行以下命令安装vue 国际化插件vue-i18n npm install vue-i18n --save 2. 项目增加国际化翻...

mgbq
05/03
0
0
vue2.0手把手教你开发商户管理端后台(三)之如何使用vuex+sessionStorage保存登录信息

写在前面: 项目地址:GitHub - jianjiayi/Merchant: vue全家桶开发商户后台管理,vue2.0手把手教你开发商户管理端后台 有什么不明白的,可以发邮件给我: m13121378101@163.com 一、什么是v...

菅双朋13121378101
05/25
0
0
本地运行github上的vue2.0仿饿了么webapp项目

在vue刚刚开始流行的时候,大多数人学习大概都见到过这样的一个项目吧,可以作为学习此框架的一个模板了 github源码地址:https://github.com/RegToss/Vue-SPA 课程教程:http://coding.imo...

祈澈菇凉
09/05
0
0
Vue学习路径-轻松从基础到实战

里边全部是vue的免费视频,全算下来有100多集。希望可以帮助前端小伙伴学习Vue。 学习一直属于孤独者,任何伟大的发明家都忍受过寂寞和无助,但他们最终走了出来。也许你刚来到本站,也许你刚...

技术胖
08/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

linux运维人员必会运维工具

linux运维人员必会开源运维工具体系 说明:不同的技术人员,不同的阶段确定知识边界非常重要,否则,就像马拉车,不知道终点在哪,累死也达不到目标。例如拿8K要学多少,拿15K要学多少。一个...

寰宇01
8分钟前
2
0
10大PHP比特币开源项目

如果你是一个Phper,如果你希望学习区块链,那么本文列出的 10个开源的Php比特币项目,将有助于你了解在自己的应用中 如何加入对比特币的支持。 如果你希望快速掌握使用Php对接比特币钱包的方...

汇智网教程
29分钟前
1
0
springclould feign客户端添加全局参数

用springclould feign作为调用服务的客户端,一般来说参数可以写在feignclient的方法参数里 有时需要所有feign请求都统一添加一些参数,例如token用于鉴权等,可以这样做: 添加一个配置类,...

canneljls
30分钟前
1
0
win32截屏并rgb24转yuv420

//最终f的内存布局为BGRA格式,需要保证buf长度足够(>w*h*4)void ScreenCap(void* buf, int w, int h){ HWND hDesk = GetDesktopWindow(); HDC hScreen = GetDC(hDesk); ......

styleman
今天
1
0
php输出mysql取出的中文为??的问题

解决方法: @ $db=new mysqli(DB_HOST,DB_USER,DB_PASSWORD,DB_DB); $db->query("set names utf8");//添加此语句,可以解决问题...

Aomo
今天
1
2

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部