vue和webpack项目构建过程常用的npm命令
2017-09-05 13:00
771 查看
vue
//最新稳定版
cnpm install vue
//全局安装 vue-cli
cnpm install --global vue-cli
//创建一个基于 webpack 模板的新项目
vue init webpack my-project
//进入项目目录,运行
cd my-project
cnpm install
cnpm run dev
webpack
//全局安装webpack
cnpm install -g webpack
//安装到你的项目目录
cnpm install --save-dev webpack
//初始化package.json
cnpm init
//使用webpack构建本地服务器
cnpm install --save-dev webpack-dev-server
//运行本地服务器
npm run server
// npm一次性安装多个依赖模块,模块之间用空格隔开
cnpm install --save-dev babel-core babel-loader babel-preset-es2015 babel-preset-react
//css-loader 和 style-loader
cnpm install --save-dev style-loader css-loader
//安装less-loader和less:
cnpm install less less-loader --save-dev
//postcss-loader 和 autoprefixer(自动添加前缀的插件)
cnpm install --save-dev postcss-loader autoprefixer
//自动根据模版生成html插件
cnpm install --save-dev html-webpack-plugin
//分离CSS和JS文件
cnpm install --save-dev extract-text-webpack-plugin
--save和--save-dev的区别
相同点:都是写入到package.json中
不同点:1使用 --save-dev 安装的 插件,被写入到 devDependencies 对象里面去,而使用 --save 安装的插件,则被写入到 dependencies 对象里面去。
2devDependencies 里面的插件只用于开发环境,不用于生产环境,而 dependencies 是需要发布到生产环境的。
//最新稳定版
cnpm install vue
//全局安装 vue-cli
cnpm install --global vue-cli
//创建一个基于 webpack 模板的新项目
vue init webpack my-project
//进入项目目录,运行
cd my-project
cnpm install
cnpm run dev
webpack
//全局安装webpack
cnpm install -g webpack
//安装到你的项目目录
cnpm install --save-dev webpack
//初始化package.json
cnpm init
//使用webpack构建本地服务器
cnpm install --save-dev webpack-dev-server
//运行本地服务器
npm run server
// npm一次性安装多个依赖模块,模块之间用空格隔开
cnpm install --save-dev babel-core babel-loader babel-preset-es2015 babel-preset-react
//css-loader 和 style-loader
cnpm install --save-dev style-loader css-loader
//安装less-loader和less:
cnpm install less less-loader --save-dev
//postcss-loader 和 autoprefixer(自动添加前缀的插件)
cnpm install --save-dev postcss-loader autoprefixer
//自动根据模版生成html插件
cnpm install --save-dev html-webpack-plugin
//分离CSS和JS文件
cnpm install --save-dev extract-text-webpack-plugin
--save和--save-dev的区别
相同点:都是写入到package.json中
不同点:1使用 --save-dev 安装的 插件,被写入到 devDependencies 对象里面去,而使用 --save 安装的插件,则被写入到 dependencies 对象里面去。
2devDependencies 里面的插件只用于开发环境,不用于生产环境,而 dependencies 是需要发布到生产环境的。
相关文章推荐
- vue和webpack项目构建过程常用的npm命令详解
- vue+webpack构建项目过程
- vue-cli webpack项目npm run dev启动过程
- vue+webpack构建项目过程
- 提高 webpack 构建 Vue 项目的速度
- vue+webpack项目创建过程
- 构建vue-cli npm安装webpack报错原因 error -4075解决办法
- webpack构建vue项目(配置篇)
- webpack构建vue项目(再谈配置)
- 用Webpack构建Vue项目的实践
- webpack+vue+vueRouter模块化构建完整项目实例详细步骤-入门篇
- vue项目构建中webpack配置(一)
- vue init webpack myproject构建项目 ip不能访问
- webpack构建vue项目的详细教程(配置篇)
- webpack+vue+vueRouter模块化构建完整项目实例详细步骤-入门篇
- 基于webpack构建的vue项目
- webpack中所使用到的npm常用命令
- vue配置 webpack构建vue项目
- windows/mac 使用webpack构建vue项目
- webpack+vue+vueRouter模块化构建完整项目实例超详细步骤(附截图、代码、入门篇)