目录
Vue前言:
随着vue.js越来越火爆,更多的项目都用到vue进行开发,在实际的开发项目中如何搭建开发脚手架呢,今天跟大家分享一下:
首先需要了解的知识:
Html、Css、Javascript、Node.js 环境(npm包管理工具)、Webpack 自动化构建工具
Cnpm前言:
1、说明:npm(node package manager)是nodejs的包管理器,用于node插件管理(包括安装、卸载、管理依赖等);
2、使用npm安装插件:命令提示符执行npm install <name>
3、选装 cnpm 因为npm安装插件是从国外服务器下载,受网络影响大,可能出现异常,如果npm的服务器在中国就好了,所以我们乐于分享的淘宝团队干了这事!来自官网:“这是一个完整 npmjs.org 镜像,你可以用此代替官方版本(只读),同步频率目前为 10分钟 一次以保证尽量与官方服务同步。”;
Node.js前言:
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。 Node.js 使用了一个事件驱动、非阻塞式 I/O 的模型。 [1] Node 是一个让 JavaScript 运行在服务端的开发平台,它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。 [2] 发布于2009年5月,由Ryan Dahl开发,实质是对Chrome V8引擎进行了封装。Node对一些特殊用例进行优化,提供替代的API,使得V8在非浏览器环境下运行得更好。V8引擎执行Javascript的速度非常快,性能非常好。Node是一个基于Chrome JavaScript运行时建立的平台, 用于方便地搭建响应速度快、易于扩展的网络应用。Node 使用事件驱动, 非阻塞I/O 模型而得以轻量和高效,非常适合在分布式设备上运行数据密集型的实时应用。
开始搭建脚手架 :
一、安装node.js
进入官网下载node.js,node官方网址:Node.js 中文网
查看命令:node -v,可以查看是否安装过node,查看到当前node版本
二、安装 cnpm
查看命令 :cnpm -v,可以查看是否安装过cnpm,查看当前cnpm版本
安装命令 :npm install -g cnpm --registry=https://registry.npm.taobao.org
三、安装vue-cli脚手架构建工具
1.查看命令:vue -V ,可以查看是否安装过vue-cli,查看当前vue-cli版本
(如果需要卸载vue-cli命令:npm uninstall vue-cli -g)
2.vue-cli的安装,指定安装的版本 :
如是安装3.0以下,命令: npm install -g vue-cli@版本号
如是安装3.0以上,命令: npm install -g @vue/cli@版本号
如果是安装最新版本 , 命令: npm install -g @vue/cli
四、创建项目
创建项目命令: vue create 项目名称
(如果用Git bash终端的话,命令:winpty vue.cmd create 项目名称)
五、进入、启动、运行浏览项目
进入项目命令:cd 项目名称
启动项目命令:npm run serve
浏览器运行项目:http://localhost:8080/
用浏览器打开