文档章节

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

壹毛
 壹毛
发布于 2016/12/04 18:42
字数 405
阅读 384
收藏 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
杭州
程序员
私信 提问
python+flask+vue开发(3)--vue创建使用

参见:Vue2.0 新手入门 — 从环境搭建到发布 1、创建项目 在cmd里输入: cd myprojectsflaskvue vue init webpack frontend ? Project name frontend ? Project description A Vue.js proje......

mbzhong
2018/12/25
0
0
前端用户权限控制解决方案 - vue-access-control

介绍 Vue-Access-Control是一套基于Vue/Vue-Router/axios 实现的前端用户权限控制解决方案,通过对路由、视图、请求三个层面的控制,使开发者可以实现任意颗粒度的用户权限控制。 文档 Vue2...

匿名
2017/11/30
0
1
vue init webpack my-project 时描述项目那步卡着不动了

按照vue2.0官网步骤来的: npm install --global vue-cli 到这步时卡着了 $ vue init webpack my-project $ cd my-project$ npm install $ npm run dev 我的node 版本是:v8.1.0...

Strugg
2017/06/13
2K
3
vue升级之路(一)-- 使用vue-cli构建vue项目

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

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

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

mgbq
2018/05/03
0
0

没有更多内容

加载失败,请刷新页面

加载更多

开始看《JSP&Servlet学习笔记》

1:WEB应用简介。其中1.2.1对Web容器的工作流程写得不错 2:编写Servlet。搞清楚了Java的Web目录结构,以及Web.xml的一些配置作用。特别是讲了@WebServlet标签 3:请求与响应。更细致的讲了从...

max佩恩
50分钟前
2
0
mysql分区功能详细介绍,以及实例

一,什么是数据库分区 前段时间写过一篇关于mysql分表的的文章,下面来说一下什么是数据库分区,以mysql为例。mysql数据库中的数据是以文件的形势存在磁盘上的,默认放在/mysql/data下面(可...

吴伟祥
50分钟前
2
0
SQL语句查询

1.1 排序 通过order by语句,可以将查询出的结果进行排序。放置在select语句的最后。 格式: SELECT * FROM 表名 ORDER BY 排序字段ASC|DESC; ASC 升序 (默认) DESC 降序 1.查询所有商品信息,...

stars永恒
今天
2
0
IntelliJ IDEA 第一个 Scala 程序

IntelliJ 安装完成 Scala 插件后,你需要尝试使用 IntelliJ 来创建并且运行第一个程序。 通常这个程序只是简单的输出 Hello World。 创建一个新工程 在文件下面选择新建,然后选择创建工程。...

honeymose
今天
2
0
csapp 习题 - 如何实现异或 exclusive-or

阅读 csapp v3 时,练习题 2.13 很有意思。练习题描述如下。 位设置是对于参数 mask 中每一个为 1 的位,那么参数 x 中相应位则被设置为 1 ;位清除是对于参数 mask 中每一个为 1 的位,那么...

ylme
昨天
6
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部