脚手架安装及打包

一.安装node.js
https://nodejs.org/en/ 查看版本node -v 查看npm版本 npm -v

二.安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org 查看版本cnpm -v

三.安装webpack
npm install webpack -g （npm install webpack --save-dev）

四.安装vue

npm install -g @vue/cli    3.0版本（需要2.0版本安装完这个安装下一个）

npm install -g @vue/cli-init   2.0版本

（cnpm install --global vue-cli）

查看版本vue -V

参考教程：https://segmentfault.com/a/1190000011275993
https://www.cnblogs.com/jinzy/p/6496103.html
https://www.cnblogs.com/wisewrong/p/9740173.html
https://www.cnblogs.com/wisewrong/p/6255817.html

新建项目3.0

vue create hello-world
一路Y
cd进入目录
npm run serve

打包3.0

npm run build

npx vue-cli-service build

新建项目2.0

1.vue init webpack my-project
2.一路Y
3.cd 进入目录
4.npm run dev

webpack打包

1.config下的index.js

dev: {

// Paths
assetsSubDirectory: 'static',
assetsPublicPath: './',
proxyTable: {},

build: {
// Template for index.html
index: path.resolve(__dirname, '../dist/index.html'),

// Paths
assetsRoot: path.resolve(__dirname, '../dist'),
assetsSubDirectory: 'static',
assetsPublicPath: './',

2.npm run build

dist目录上传到服务器即可（直接运行index.html）