(一)vue开发 - 环境搭建

node安装:

安装node(移步至:https://nodejs.org/en/download/),如果是windows平台,请选择.msi,注意区分32位和64位系统,按需选择,否则安装可能会提示失败,如果是mac,请选择.pkg,下载完成后,直接点击下一步,傻瓜式安装。然后打开终端,输入node -v ,能输出版本号即可,同样,应该 npm -v也能输出版本号,即表示安装成功。

安装webpack

webpack可以通过npm安装

//全局安装
npm install -g webpack 
//安装到你的项目目录 
npm install --save-dev webpack

安装vue(https://cn.vuejs.org/v2/guide/installation.html

最新稳定版

$ npm install vue

安装vue脚手架

全局安装 vue-cli
$ npm install --global vue-cli
创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
安装依赖,走你
$ cd my-project
$ npm install
$ npm run dev

以后搭建项目只需要这行就够了:vue init webpack my-project
如果想改运行时的端口,请在config/index.js 做如下修改:这样项目可以在其他设备上使用:http://192.168.23.111:8080访问

host: '192.168.23.111', // can be overwritten by process.env.HOST
port: 8080, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined打包:
npm run build

注意:在运行npm run build前请将config/index.js里

assetsPublicPath: '/',

改为

assetsPublicPath: './',

否则资源引用可能会出现问题

将config/index.js里,build里面的这句改掉,打包后的vonder.js会小很多

productionSourceMap: false,

猜你喜欢

转载自blog.csdn.net/u010394015/article/details/79131952