vue项目环境搭建

 

 

# 全局安装 vue-cli

$ npm install --global vue-cli

# 创建一个基于 webpack 模板的新项目

$ vue init webpack my-project

# 安装依赖

$ cd my-project

$ npm install

$ npm run dev  //启动运行项目

 

　　

项目写好之后别忘记还有打包的步骤哦：

npm run build

npm run unit //会生成一个dist文件夹，就是整个项目

　　

至此，vue项目完成了，可以打开你的dist下面的index文件看看

 vue注意事项！

1、背景图片的注意事项

vue打包后的css里面引用的图片地址会出错，这是我们应该把 build 里面的 utils.js 的 publicPath 路径改一下

 

 publicPath:'../../',        //    ../../   打包时让背景图片显示

 

2、打包后的index.html的css、js文件的引用

config文件下的index.js  更改 assetsPublicPath

assetsPublicPath: './',