Vue.js常见命令 (启动 部署)

原创 2018年04月16日 19:31:37

项目搭建
安装vue-cli
npl install vue-cli -g
vue init webpack my-project  初始化项目
npm install  安装项目依赖  -->>npm run build 生成上线目录部署
nmp run dev
在localhost启动测试服务器


步骤一
1.完成node.js安装搭建
目的:配合前端开发搭建 为全局工作
方法:通过官网下载 安装  .msi文件(微软标准安装包文件)
验证:
通过cmd 命令窗口  输入node 进入node工作状态 
输入console.log(1); 验证node是否可以工作
退出
输入npm -v 查询版本
2.配置环境变量
配置"主机用户变量"(环境变量上面一栏)  设置PATH 变量 值为C:\Users\lenovo\AppData\Roaming\npm
3.git-bash软件安装配置
4.cd 项目地址
5.cnpm install安装依赖 
说明:cnpm为国内常用下载依赖配置方式  国外一般用npm 当然 以实际速度为准
易产生问题:npm 与cnpm版本不一致
建议使用别名设置方法



步骤二
1.安装脚手架工具
输入cnpm install vue-cli -g
2.输入vue --help 看常用命令
3.输入vue -V 看版本
4.输入vue list 看官方模板,
5.输入vue init webpack 项目包名字
项目名输入
项目描述 
作者
ESLint 代码检查工具 使用了会对你代码格式进行严格检查
测试工具是否使用
完成项目创建
6.项目创建后 
主要文件在src中建立  
主页为index.html 
package.json为主要的配置文件
其中有两个脚本为:
dev : node bulid/dev-server.js
build : node build/build.js
开发依赖内容为devDepencies
7.**进行项目依赖按照
进入项目文件中
输入cnpm install 
项目依赖配置完成
按照完毕后 项目文件夹多一个node_modules/ 目录 
8.输入npm run dev 
项目启动
9.npm run build  生成项目部署文件




版权声明:本文为博主原创文章,转载请标记出处。 http://blog.csdn.net/qq_41247433 https://blog.csdn.net/qq_41247433/article/details/79964889

使用命令创建vue.js项目

前序:开发vue项目需要借助node环境,进行以下步骤时,要先装好node环境。 推荐使用淘宝镜像安装,速度比较快,可安装在c盘,命令是: npm install -g cnpm --regist...
  • xiejunna
  • xiejunna
  • 2016-12-31 16:31:15
  • 1868

Vue.js快速创建项目并启动

Vue.js快速创建项目并启动 1、安装Node  官方网址:https://nodejs.org/en/ 在官网下载安装。 2、安装webpack npm install webpack -g 3、...
  • lvkelly
  • lvkelly
  • 2017-02-21 18:30:28
  • 2160

Websphere 命令行部署与管理应用

      与创建数据源类似,进入WAS安装目录/bin中,执行./wsadmin -user 用户名 -password 密码 -lang jython启动WAS命令行控制台,进入控制台,通过Adm...
  • dream_it_life
  • dream_it_life
  • 2011-01-12 10:40:00
  • 5850

vuejs怎么在服务器部署?

通过vue-cli搭建的基于webpack结构的工程项目 1、build前的配置,防止js、css文件路径错误 在目录build下面找到webpack.prod.conf.js文件,找到output节...
  • gebitan505
  • gebitan505
  • 2017-02-24 10:55:50
  • 11388

windchill常见命令

  • 2013年05月08日 14:59
  • 4KB
  • 下载

PHP7.2 相关命令

启动项目     进入项目根目录    运行     php artisan serve 本地接口用网址调试   在项目根目录运行        php artisan serve --host=0...
  • CHENYU_wswx
  • CHENYU_wswx
  • 2017-11-07 10:14:43
  • 119

使用Vue.js 2.0搭建单页应用:从构建到部署

入门请参考这篇文章:Vue构建单页应用最佳实战 在此记录下在我使用Vue.js 2.0开发较大型的单页应用时遇到的困难。写文章不容易,如果这篇文章对你有帮助,请给我的github仓库加个star~ ...
  • mikelkl
  • mikelkl
  • 2016-10-12 10:26:32
  • 22923

【Web前端】Vue.js项目部署到服务器

前言  最近做完了一个项目,Vue.js 2.0 + vuex + axios,还是有点大的。想着做了这么久,放服务器给朋友们体验一下,帮忙找找BUG,于是就有了研究服务器这一篇博客了。准备工作服务器...
  • gyjyywc
  • gyjyywc
  • 2017-07-16 17:16:34
  • 2952

Unix下部署服务的常用指令学习

涉及到项目用到的常用指令, 很强的针对性学习.1. Unix指令1.1 基本命令指令cd指令ls指令ll指令catcat /home/shell/isw/file.txt说明: 显示文件内容 指令hi...
  • ostrichmyself
  • ostrichmyself
  • 2012-07-09 19:34:08
  • 2544

Jenkins的war包

  • 2018年04月10日 09:04
  • 65.47MB
  • 下载
收藏助手
不良信息举报
您举报文章:Vue.js常见命令 (启动 部署)
举报原因:
原因补充:

(最多只允许输入30个字)