vue项目搭建

• 1、安装node

• 2、安装淘宝镜像：npm install cnpm -g --registry=https://registry.npm.taobao.org

• 3、安装vue-cli：cnpm install vue-cli -g

• 4、初始化项目：vue init webpack demo

• 5、cd demo ，进入demo文件目录，执行 cnpm install，安装项目依赖，安装完成后启动项目 npm start

• 6、至此vue本地项目已搭建完成。接下来修改webpack配置。

• 7、webpack打包时需要修改项目路径， config文件目录下的 index.js文件，build: { assetsPublicPath: './' }，修改后打包的项目才能找到对应的资源文件。

• 8、关于图片等静态资源过大，导致打包后不能找到静态资源。需要修改 webpack 配置，项目 build 文件目录下 ，webpack.base.conf.js 下修改对应的配置，如静态图片过大，需要修改：limit值

{

test: /\.(png|jpe?g|gif|svg)(\?.*)?$/,

loader: 'url-loader',

options: {

limit: 1000000,

name: utils.assetsPath('img/[name].[hash:7].[ext]')

}

},