一.先安装node.js 自行百度
二.cmd
用淘宝的镜像,命令行输入:
npm install -g cnpm --registry=https://registry.npm.taobao.org
检查是否安装成功:
cnpm -v
安装vue.js:
cnpm install vue
脚手架:
npm install --global vue-cli
检查版本:
vue -V
(注意是大写V,前面有空格)
最新的 vue 项目模板中,都带有 webpack 插件,所以这里可以不安装 webpack
三、生成项目
进入项目的目录,
f:
cd vue
然后输入:
vue init webpack my-project
其中 webpack 是模板名称,可以到 vue.js 的 GitHub 上查看更多的模板https://github.com/vuejs-templates
my-project 是自定义的项目名称,命令执行之后,会在当前目录生成一个以该名称命名的项目文件夹;
配置完成后,可以看到目录下多出了一个项目文件夹,里面就是 vue-cli 创建的一个基于 webpack 的 vue.js 项目
然后进入项目目录(cd my-project),使用 cnpm 安装依赖
cd my-project
cnpm 安装依赖:
npm install
npm install --production
下面2行可以删除node_modules
npm install rimraf -g
rimraf node_modules
启动项目:
cnpm run dev
会跳转到页面http://localhost:8080/#/
下载css-loader和style-loader
npm install css-loader style-loader --save-dev
参考文献:
http://www.cnblogs.com/wisewrong/p/6255817.html
报错处理详细见http://www.cnblogs.com/taiyanghua0522/p/6043942.html