搭建vue开发环境
一、安装node环境
安装后执行:node -v,出现node版本号即为安装成功
也可以安装淘宝npm镜像,执行:npm install -g cnpm --registry=https://registry.npm.taobao.org
二、安装全局vue-cli脚手架
执行命令:cnpm install -g vue-cli,回车
安装成功后,输入vue有下列信息安装成功,如图:
执行命令:vue list 查看官方可用模板,如图:
这里我们选择webpack
三、创建项目
执行命令:vue init webpack myVue
cd myVue进入刚刚创建的项目目录,dir可看到当前项目包含的文件,如图:
三、安装依赖
进入myVue目录后,执行命令:cnpm install安装依赖
安装完成后,dir,可看到项目中多出node_modules文件夹
四、运行
type package.json,可查看项目配置的运行命令,如图:
执行:cnpm run dev
然后在浏览器输入http://localhost:8080,即可看到项目运行起来的界面,如图:
posted on 2017-04-18 09:57 zhoujian917 阅读(378) 评论(0) 编辑 收藏 举报