码迷,mamicode.com
首页 > 其他好文 > 详细

vue脚手架安装,新建项目,打包

时间:2019-06-17 15:46:57      阅读:106      评论:0      收藏:0      [点我收藏+]

标签:上传   ack   脚手架   选项   地址   ini   tps   步骤   作者   

1.安装node.js

  从node官网下载并安装node,安装步骤很简单,只要一路“next”就可以了。

2.安装cnpm 淘宝镜像

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

3.安装vue

cnpm install vue

4.安装脚手架

cnpm install --global vue-cli

5.新建一个项目

vue init webpack 项目名称
运行初始化命令的时候回让用户输入几个基本的选项,如项目名称,描述,作者等信息,如果不想填直接回车默认就好。

5.运行和打包

cnpm run dev 会输出一个地址,一般是localhost:8080,在浏览器运行这个地址就可以跑起来了
打包 npm run build 看到提示build complete 说明打包完成 ,打包完成后会多出一个dist文件夹,把这个文件夹上传到服务器及可
(打包前注意将index.js下面的assetsPublicPath: ‘/‘改成assetsPublicPath: ‘./‘




 
 

vue脚手架安装,新建项目,打包

标签:上传   ack   脚手架   选项   地址   ini   tps   步骤   作者   

原文地址:https://www.cnblogs.com/wubaiwan/p/11039827.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!