使用vue作为项目前端开发的框架,也折腾了一段时间,在这里把最基本的环境搭建过程总结下来:

1、安装node.js,借助node中的npm来安装所要使用到的依赖及插件等:

(http://www.runoob.com/nodejs/nodejs-install-setup.html)

2、直接在cmd中使用npm安装一些东西会比较慢,这里可以借助淘宝的npm镜像,之后直接用cnpm来代替npm:

在cmd中输入——npm install -g cnpm --registry=https://registry.npm.taobao.org,回车,等待安装...

3、安装全局vue-cli脚手架

在cmd中——输入:cnpm install -g vue-cli,回车,等待安装...

在cmd中——输入:vue,回车,若出现vue信息说明表示成功

4、开始创建项目

在cmd中使用cd命令进入要存放项目的地方,在该目录下继续输入 vue init webpack vue_test(项目文件夹名)并回车等待,直至出现下图

Vue.js开发环境搭建

5、安装项目依赖

在cmd中——输入:cd vue_test(项目名),回车,进入到具体项目文件夹

 在cmd中——输入:cnpm install,回车,等待一小会儿

Vue.js开发环境搭建

进入项目文件夹,会发现项目结构里,多了一个node_modules文件夹(该文件里的内容就是安装的依赖)

基于脚手架创建的默认项目结构如下图所示:

Vue.js开发环境搭建

6、测试环境是否搭建成功

在cmd中——输入:cnpm run dev

或者直接在浏览器中——输入:localhost:8080(默认端口为8080)

Vue.js开发环境搭建



相关文章: