Vue.js环境搭建

step1:安装node.js,连接https://nodejs.org/en/
安装完成,输入node -v命令查看node版本
node.js集成了npm包管理器,输入npm -v命令查看npm版本,npm须要在3.0.0以上的版本,若是npm版本小于3.0.0,输入npm -g install npm命令更新npm至最新版本
注:-g 全局标志

step2:安装cnpm(npm的国内镜像)
npm install -g cnpm --registry=https://registry.npm.taobao.org

step3:安装全局webpack
cnpm install -g webpack
安装完成,webpack -v命令检查当前webpack版本
注:macos开发环境加上sudo,sudo cnpm install -g webpack

step4:安装vue-cli脚手架工具
cnpm install -g vue-cli

step5:构建项目(以F盘vueProject文件夹为例)
跳到此目录下,输入vue init webpack projectName命令建立一个基于webpack模板的项目

vue init webpack projectName的意思是初始化一个项目,利用webpack打包和压缩,此项目命名为projectName,在此过程当中,须要输入项目名、描述、做者等

step6:安装项目依赖
cnpm install

step7:运行项目
npm run devvue

相关文章
相关标签/搜索