Vue开发环境搭建及使用vue cli(脚手架)生成项目

•  

• Vue开发环境搭建

• node安装

       官网：https://nodejs.org/en/

       下载相应系统及架构的安装包，之后傻瓜式安装即可。

      安装好node之后，以管理员身份打开cmd管理工具，，输入 node -v ，回车，查看node版本号，出现版本号则说明安装成功。

• 安装淘宝npm镜像

       由于npm是国外的，使用起来比较慢，我们这里使用淘宝的cnpm镜像来安装vue.
       淘宝的cnpm命令管理工具可以代替默认的npm管理工具。

输入命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

• 安装全局vue-cli脚手架

        淘宝镜像安装成功之后，我们就可以全局vue-cli脚手架，输入命令：cnpm install --global vue-cli 回车；验证是否安装成功，在命令输入vue，出来vue的信息，及说明安装成功；

输入命令：cnpm install --global vue-cli

• 使用vue cli(脚手架)生成项目

• 创建工作区目录及项目文件夹

        比如：D:\Workspaces\Code\VueTest

• 生成项目

输入命令：vue init webpack my-project-first

        之后会有一些提问信息，一步步根据提示输入就完成了脚手架的生成。

        运行下面的命令，初始化第三方插件安装

输入命令：npm install

最后，输入命令npm run dev，大功告成。。。

扫描二维码关注公众号，回复： 4539453 查看本文章