vue-cli 环境的搭建
2018-02-02 18:19
218 查看
1、安装 node.js 环境(建议安装 git Bash 方便操作命令行,或者也可以直接使用 cmd )
node.js 下载地址:http://nodejs.cn/download/
根据自己系统的位数选择对应版本。安装比较简单,基本一直下一步即可,安装路径自己安排。
安装完成后,在终端输入如下命令,显示版本号即安装成功。
node -v
2、安装 cnpm
由于 npm 命令是连接国外的服务器,所以建议安装淘宝镜像的 cnpm ,命令操作根 npm 一样,就是多了一
个 c 而已。
在 cmd 命令行中输入一下命令,按“Enter”键,便会自动安装。
npm install cnpm -g--registry=https://registry.npm.taobao.org
安装完成后,在 cmd 命令行中输入一下指令:
cnpm -v
显示 cnpm 的来源路径即可。
3、安装命令工具 cli
Vue 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具为现代化的前端开发工作流提供了开箱即用的构建配
置。只需要几分钟并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目:
# 全局安装 vue-cli
$ cnpm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖,走你
$ cd my-project
$ cnpm install //安装依赖命令
$ cnpm run dev //运行项目命令
附录:
Vue 中文官网:https://cn.vuejs.org/
node.js 下载地址:http://nodejs.cn/download/
根据自己系统的位数选择对应版本。安装比较简单,基本一直下一步即可,安装路径自己安排。
安装完成后,在终端输入如下命令,显示版本号即安装成功。
node -v
2、安装 cnpm
由于 npm 命令是连接国外的服务器,所以建议安装淘宝镜像的 cnpm ,命令操作根 npm 一样,就是多了一
个 c 而已。
在 cmd 命令行中输入一下命令,按“Enter”键,便会自动安装。
npm install cnpm -g--registry=https://registry.npm.taobao.org
安装完成后,在 cmd 命令行中输入一下指令:
cnpm -v
显示 cnpm 的来源路径即可。
3、安装命令工具 cli
Vue 提供一个官方命令行工具,可用于快速搭建大型单页应用。该工具为现代化的前端开发工作流提供了开箱即用的构建配
置。只需要几分钟并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目:
# 全局安装 vue-cli
$ cnpm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
$ vue init webpack my-project
# 安装依赖,走你
$ cd my-project
$ cnpm install //安装依赖命令
$ cnpm run dev //运行项目命令
附录:
Vue 中文官网:https://cn.vuejs.org/
相关文章推荐
- vue-cli脚手架之搭建环境全过程
- vue-cli脚手架开发环境搭建
- vue环境搭建vue-cli,vue-router,webpack
- vue.js开发环境搭建(vue-cli脚手架)
- vue-cli 脚手架开发环境搭建
- vue环境搭建(一)webpack和vue-cli安装
- vue-cli 手脚架搭建 vue 环境报错 chromedriver@2.24.1 install: `node install.js` Exit status 1
- vue学习前篇1. vue-cli环境搭建
- vue环境搭建以及vue-cli使用
- 前端框架Vue(15)——vue-cli 仿网易云音乐 Demo,环境搭建到开发 Vue 全家桶练手项目
- vue-cli 环境搭建
- vue-cli教程(一) 环境搭建
- 搭建前端vue环境,安装vue-cli遇到Please try running this command again as root/Administrator的解决方案
- vue-cli 搭建的项目处理不同环境下请求不同域名的问题
- vue-cli环境搭建配置
- Vue-cli安装、Vue基本环境搭建
- cli 搭建Vue 环境
- 搭建vue-cli环境
- Vue新手教程(1)-使用vue-cli脚手架搭建vue环境
- 使用vue-cli+webpack搭建vue开发环境的方法