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

Posted 2022-01-18 wubaiwan

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