vue.js脚手架 编辑步骤
node.js下载网址https://nodejs.org/en/
从node.js官网下载并安装node,安装过程很简单,一直点下一步就ok了,安装完之后,我们通过打开命令行工具(win+R),输入
node -v 命令,查看node的版本,若出现相应的版本号,则说明你安装成功了。
安装cnpm
在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org ,然后等待,没报错表示安装成功。
## 安装vue-cli 脚手架构建工具(必须在全局中进行安装)
在命令行中运行命令 npm install -g vue-cli ,然后等待安装完成。
是否安装成功:vue -V
NPM 方法
查看版本
npm -v
2.3.0
升级 npm
cnpm install npm -g
升级或安装 cnpm
npm install cnpm -g
在用 Vue.js 构建大型应用时推荐使用 NPM 安装:
最新稳定版
cnpm install vue
Vue.js 提供一个官方命令行工具,可用于快速搭建大型单页应用。
1.全局安装 vue-cli
终端命令: cnpm install --global vue-cli
2.创建一个基于 webpack 模板的新项目
终端命令:vue init webpack my-project
提示:这里需要进行一些配置,默认回车即可
安装完成后
进入项目,安装并运行:
1. 终端命令:cd my-project(my-project:项目文件明字)
2.终端命令
cnpm install
3.终端命令
cnpm run dev
运行完成后 复制网址在浏览器打开即可