vue
2019-03-05
2019-03-05
一、必须安装
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