一、必须安装

1、node.js

node -v、npm -v 查看版本(高版本的node自带npm)

2、vue-cli

npm install vue-cli -g 全局安装
npm cache clean 清除缓存(不用输入,安装失败时用此命令清除)
vue -V (大写)查看vue是否安装成功,最新的vue模板都带有webpack插件,不用安装webpack

二、生成项目

1、vue init webpack 项目名称

2、回车后如下:

其中,最好使用路由:vue-router;不要使用ESlint规范代码,有点格式问题就会报错
如果一定要使用,多个空格报错了怎么办?使用命令:npm run lint

3、可以先再次安装依赖:npm i ;然后 npm run dev 运行看看

三、打包上线

1.自己的项目文件最好放在src下面,通过 npm run build 来进行打包工作
2.打包完成后会生成一个dist文件夹,项目上线只需将dist放到服务器上即可
3.如果在双击dist/index.html本地看没内容还报错加载资源出错,是因为项目没有放到服务器上面;

解决:
    config→index.js,把 build下面的 assetsPublicPath: '/'改成 assetsPublicPath:'./',就是加了一个 "." 
但要是上传到服务器就把 "." 去掉
然后再 npm run build