前端框架Vue环境搭建&vue项目创建

第一步:去node官网下载适配本机系统的node.js

            node.js安装包以及源码下载地址:https://nodejs.org/en/download/(建议下载.msi,直接用.exe会导致环境变量不会自动配置)

第二步:安装cnpm,用淘宝镜像

            详细资料网址:http://npm.taobao.org/
            在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org,耐心等待安装,安装完成以后可               以使用cnpm代替npm

第三步:安装vue

            安装vue-cli脚手架构建工具,帮助搭建所需的模板框架

                 全局安装vue-cli:npm install --global vue-cli

第四步:创建vue项目

            在cmd窗口中,跳转到你要创建项目的路径,然后输入:vue init webpack my-project(一个基于webpack模板的项 目,my-project是项目文件夹的名称)

            到项目文件夹目录,在命令行中输入:npm install  (我安装了cnpm,所以用了cnpm install)

第五步:运行项目

                在命令行中输入:cnpm run dev    注意:还是在当前项目文件夹下

你可能感兴趣的:(Vue.js)