vuejs的环境搭建

通过npm命令安装vuejs
在用 Vue.js 构建大型应用时推荐使用 NPM 安装,NPM 能很好地和诸如 WebpackBrowserify 的 CommonJS 模块打包器配合使用

首先安装好nodejs。

$ node -v
v4.4.3

可以使用以上命令来检查nodejs是否安装好,并查看版本号。

webpack 是基于nodejs的,使用nodejs的包管理工具npm来安装的。

webpack安装
使用以下命令安装webpack:
npm install webpack -g
在项目中使用webpack
用npm增加一个package.json配置文件
npm   init
安装webpack插件并将webpack配置到package.json文件中
npm  install webpack --save-dev

新建一个vue-upload目录
cd /vue-upload
npm init
npm install webpack --save-dev
npm install\ webpack webpack-dev-server\vue-loader vue-html-loader css-loader vue-style-loader vue-hot-reload-api\babel-loader babel-core babel-plugin-transform-runtime babel-preset-es2015\babel-runtime@5\--save-dev
npm install vue-cli -g
vue init webpack-simple fileupload
npm install vue-router vue-resource --save
cd fileupload
npm install
npm run dev

vuejs的环境搭建_第1张图片
参考资料:vuejs文档

你可能感兴趣的:(vuejs,nodejs,npm,webpack)