文档章节

【vue】创建一个vue前端项目,编译,发布

o
 osc_pn11u1x9
发布于 2018/08/06 12:00
字数 428
阅读 15
收藏 0

精选30+云产品,助力企业轻松上云!>>>

npm: Nodejs下的包管理器。

webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备,比如资源的合并和打包。

vue-cli: 用户生成Vue工程模板。(帮你快速开始一个vue的项目,也就是给你一套vue的结构,包含基础的依赖库,只需要 npm install就可以安装)

【一】mac检查是否安装node.js

nvm --version
=>0.33.9

node -v
=>v10.7.0
View Code

【二】安装web-pack -g

cnpm install webpack -g
View Code

【三】安装vue-cli

cnpm install --global vue-cli
View Code

【四】创建一个vue项目。

$ vue init webpack my-self-project

? Target directory exists. Continue? Yes

? Project name my-self-project
? Project description A Vue.js project
? Author shangxiaofei <shangxiaofei@meituan.com>
? Vue build standalone
? Install vue-router? Yes
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Set up unit tests Yes
? Pick a test runner jest
? Setup e2e tests with Nightwatch? Yes
? Should we run `npm install` for you after the project has been created? (recommended) npm

   vue-cli · Generated "my-self-project".
View Code

【五】构建项目,进入项目的根目录,执行如下命令

$ cnpm install
✔ Installed 58 packages
✔ Linked 87 latest versions
Downloading https://cdn.npm.taobao.org/dist/chromedriver/2.41/chromedriver_mac64.zip
Saving to /var/folders/38/_q18xrkj2j7bhklb_kpgfdx00000gn/T/chromedriver/chromedriver_mac64.zip
Received 782K...
Received 1564K...
Received 2346K...
Received 3128K...
Received 3910K...
Received 4691K...
Received 5473K...
Received 5625K total.
Extracting zip contents
Copying to target path /Users/shangxiaofei/sxfwork/sxfproject3/my-self-project/node_modules/_chromedriver@2.41.0@chromedriver/lib/chromedriver
Fixing file permissions
Done. ChromeDriver binary available at /Users/shangxiaofei/sxfwork/sxfproject3/my-self-project/node_modules/_chromedriver@2.41.0@chromedriver/lib/chromedriver/chromedriver
✔ Run 1 scripts
Recently updated (since 2018-07-30): 3 packages (detail see file /Users/shangxiaofei/sxfwork/sxfproject3/my-self-project/node_modules/.recently_updates.txt)
✔ All packages installed (91 packages installed from npm registry, used 8s(network 3s), speed 202.91kB/s, json 89(547.32kB), tarball 16.78kB)
View Code

【六】发布项目

cnpm run dev

> my-self-project@1.0.0 dev /Users/shangxiaofei/sxfwork/sxfproject3/my-self-project
> webpack-dev-server --inline --progress --config build/webpack.dev.conf.js

 95% emitting                                                                        

 DONE  Compiled successfully in 3121ms                                                                                           15:10:52

 I  Your application is running here: http://localhost:8080
View Code

 

 

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
【Vue】搭建开发环境

学习一个新东西的时候,先要把开发环境搭起来,最近想学学前端技术,vue的开发环境搭建还是比较简单,这里简单记录一下 搭建环境 1. 开发工具 VSCode VSCode插件 - vue(语法高亮) 2. 运行环...

WilsonPan
04/17
0
0
从零搭建vue+express开发环境

1、express,vue运行环境,2建express项目,3建vue项目,4将vue项目(3)输出文件拷贝到express静态根目录里 一:---------PC全局安装express 和 vue-cli基础运行环境(不是俱体app,只是PC所...

osc_axd9g93u
2019/09/11
17
0
Vue-Rap v1.2.4 偷偷更新了:为了速度

更新日志(v1.2.4) 1.2.4更新主要解决的加载依赖文件的速度问题 现在需要加载 ABCD四个文件, 其中 A 依赖 B B依赖 CD, 原来加载顺序为 加载完 A后再加载 B然后再加载 C,再加载 D (他们间是串行...

景颢
2019/01/28
1.8K
0
Vue-Rap 1.1.0 发布:构建基于 Vue 的流应用

Rap进行第二次更新,本次更新还是很重要的,特别是对想用 rap 做手机端应用的开发者 前言 前几年前端还是 html+css+js 简单的配合,还记得那几年公司招前端要求很低,工资开的也低,前端需要学习的...

景颢
2018/07/30
1.8K
5
Vue-Rap v1.2.2 诚意满满:构建基于 Vue 的流应用

更新日志(v1.2.2) 本次升级诚意满满 1.完善promise,支持 then 里面return promise; 2.项目启动方式调整,启动代码为链式操作,更清晰,可控 3.支持单文件组件里引用外部 css 样式文件. 4.缓存l...

景颢
2018/09/19
760
7

没有更多内容

加载失败,请刷新页面

加载更多

Linux安装redis服务器和部署

Linux安装redis和部署 第一步:下载安装包 wget http://download.redis.io/releases/redis-5.0.5.tar.gz 访问https://redis.io/download 到官网进行下载。这里下载最新的5.0.5版本. 第二步:...

osc_3ytpwpyb
2分钟前
0
0
IF函数,根据条件设定输入内容

if函数通常用于条件判断,根据判断结果执行相应命令。 1.函数解释: IF(logical_test, [value_if_true], [value_if_false]) logical_test 必需。 计算结果为 TRUE 或 FALSE 的任何值或表达式...

osc_sumf8h95
4分钟前
0
0
Pytorch自定义dataloader以及在迭代过程中返回image的name

pytorch官方给的加载数据的方式是已经定义好的dataset以及loader,如何加载自己本地的图片以及label? 形如数据格式为 image1 label1 image2 label2 ... imagen labeln 实验中我采用的数据的...

osc_l8u38961
5分钟前
0
0
灯塔

\[love\ and \ share \] 我怎么感觉变成了好东西推荐呢?算了,本来也差不多 还没写完,想到再更 有好看玩的能不能评论一下,qwq 动漫 大多是些国漫,多在\(b\)站、腾讯视频、盗版小网站能够...

osc_dc6pbw3x
6分钟前
0
0
网易首页 」 网易手机 」 正文 苹果超薄触摸显示技术专利曝光:重新定义轻薄

最近,苹果公司的新屏幕专利技术已经曝光。特别是苹果公司的新型超薄触摸技术,它可以降低显示器的结构水平,消除多余的电路,并使屏幕更薄。该专利表明,这项新技术适用于iPhone,iPad,App...

osc_opzpp18v
8分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部