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

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: './'




 
 

猜你喜欢

转载自www.cnblogs.com/wubaiwan/p/11039827.html